22.12.2013 Views

W3C CSS2 Cascading Style Sheets, level 2 - instructional media + ...

W3C CSS2 Cascading Style Sheets, level 2 - instructional media + ...

W3C CSS2 Cascading Style Sheets, level 2 - instructional media + ...

SHOW MORE
SHOW LESS

Create successful ePaper yourself

Turn your PDF publications into a flip-book with our unique Google optimized e-Paper software.

E<br />

E F<br />

E > F<br />

E:first-child<br />

E:link<br />

E:visited<br />

E:active<br />

E:hover<br />

E:focus<br />

E:lang(c)<br />

E + F<br />

E[foo]<br />

E[foo="warning"]<br />

E[foo~="warning"]<br />

E[lang|="en"]<br />

DIV.warning<br />

E#myid<br />

Matches any E element (i.e., an<br />

element of type E).<br />

Matches any F element that is a<br />

descendant of an E element.<br />

Matches any F element that is a child<br />

of an element E.<br />

Matches element E when E is the first<br />

child of its parent.<br />

Matches element E if E is the source<br />

anchor of a hyperlink of which the<br />

target is not yet visited (:link) or already<br />

visited (:visited).<br />

Matches E during certain user actions.<br />

Matches element of type E if it is in<br />

(human) language c (the document<br />

language specifies how language is<br />

determined).<br />

Matches any F element im<strong>media</strong>tely<br />

preceded by an element E.<br />

Matches any E element with the "foo"<br />

attribute set (whatever the value).<br />

Matches any E element whose "foo"<br />

attribute value is exactly equal to<br />

"warning".<br />

Matches any E element whose "foo"<br />

attribute value is a list of space-separated<br />

values, one of which is exactly<br />

equal to "warning".<br />

Matches any E element whose "lang"<br />

attribute has a hyphen-separated list of<br />

values beginning (from the left) with<br />

"en".<br />

HTML only. The same as<br />

DIV[class~="warning"].<br />

Matches any E element ID equal to<br />

"myid".<br />

Type selectors<br />

[p. 56]<br />

Descendant selectors<br />

[p. 56]<br />

Child selectors<br />

[p. 57]<br />

The :first-child<br />

pseudo-class<br />

[p. 62]<br />

The link<br />

pseudo-classes<br />

[p. 63]<br />

The dynamic<br />

pseudo-classes<br />

[p. 63]<br />

The :lang()<br />

pseudo-class<br />

[p. 65]<br />

Adjacent selectors<br />

[p. 57]<br />

Attribute selectors<br />

[p. 57]<br />

Attribute selectors<br />

[p. 57]<br />

Attribute selectors<br />

[p. 57]<br />

Attribute selectors<br />

[p. 57]<br />

Class selectors<br />

[p. 59]<br />

ID selectors [p. 60]<br />

54

Hooray! Your file is uploaded and ready to be published.

Saved successfully!

Ooh no, something went wrong!