O'Reilly logo

Learning Web Design, 4th Edition by Jennifer Niederst Robbins

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

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 ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required