Learning Web Design, 4th Edition

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