Cover by Jennifer Niederst Robbins

Safari, the world’s most comprehensive technology and business learning platform.

Find the exact information you need to solve a problem on the fly, or go deeper to master the technologies and skills you need to succeed

Start Free Trial

No credit card required

O'Reilly logo

Appendix B. CSS3 Selectors

Selector

Type of selector

Description

Simple selectors and combinators

*

Universal selector

Matches any element.

* {font-family: serif;}

A

Type selector

Matches the name of an element.

div {font-style: italic;}

A, B

Grouped selectors

Matches elements A and B.

h1, h2, h3 {color: blue;}

A B

Descendant selector

Matches element B only if it is a descendant of element A.

blockquote em {color: red;}

A>B

Child selector

Matches any element B that is a child of element A.

div.main>p {line-height: 1.5;}

A+B

Adjacent sibling selector

Matches any element B that immediately follows any element A, where A and B share the same parent.

p+ul {margin-top: 0;}

A~B

General sibling selector

Matches any element B that is preceded by A, where A and B share the same parent.

blockquote~cite {margin-top: 0;}

Class and ID selectors

.classname
A.classname

Class selector

Matches the value of the class attribute in all elements or in a specified element.

p.credits {font-size: 80%;}
#idname
A#idname

ID selector

Matches the value of the id attribute in an element.

#intro {font-weight: bold;}

Attribute selectors

A[att]

Simple attribute selector

Matches any element A that has the given attribute defined, whatever its value.

table[border] {background: white;}

A[att="val"]

Exact attribute value selector

Matches any element A that has the specified attribute set to the specified value.

table[border="3"] {background: yellow;}

A[att~="val"]

Partial attribute value selector

Matches any element A that has the specified value as one ...

Find the exact information you need to solve a problem on the fly, or go deeper to master the technologies and skills you need to succeed

Start Free Trial

No credit card required