Expression |
Name |
Description / Example |
* |
Universal selector |
Matches any element |
E |
Type selector |
Matches any E element (i. e. an element with the local name E) |
E F |
Descendant selector |
Matches any F element that is a descendant of an E element. |
E > F |
Child selectors |
Matches any F element that is a child of an element E. |
E:first-child |
The :first-child pseudo-class |
Matches element E when E is the first child of its parent. |
E:lang(c) |
The :lang() pseudo-class |
Matches element of type E if it is in (human) language c (the document language
specifies how language is determined). |
E + F |
Adjacent selector |
Matches any F element immediately preceded by a sibling element E. |
E[foo] |
Attribute selector |
Matches any E element with the "foo" attribute set (whatever the value). |
E[foo="warning"] |
Attribute selector |
Matches any E element whose "foo" attribute value is exactly equal to "warning".
|
E[foo~="warning"] |
Attribute selector |
Matches any E element whose "foo" attribute value is a list of space-separated
values, one of which is exactly equal to "warning". |
E[lang|="en"] |
Attribute selector |
Matches any E element whose "lang" attribute has a hyphen-separated list of values
beginning (from the left) with "en". |
E:before and E:after |
Pseudo elements |
The ':before' and ':after' pseudo-elements can be used to insert generated content
before or after an element's content. |