<link rel="stylesheet" type="text/css"
href="sheet1.css" title="Default" media="screen" />
<link rel="stylesheet" type="text/css"
href="print-sheet1.css" title="Default" media="print" />
<link rel="alternate stylesheet" type="text/css"
href="bigtext.css" title="Big Text" media="screen" />
<link rel="alternate stylesheet" type="text/css"
href="print-bigtext.css" title="Big Text" media="print" />
上面的表述意为:css被title分为两组,default和Big Text。又每一组又被分为print和screen。
<style type="text/css">
Pattern
|
Meaning
|
Described in section
|
*
|
Matches any element.
|
Universal selector
|
E
|
Matches any E element (i.e., an element of type E).
|
Type selectors
|
E F
|
Matches any F element that is a descendant of an E element.
|
Descendant selectors
|
E > F
|
Matches any F element that is a child of an element E.
|
Child selectors
|
E:first-child
|
Matches element E when E is the first child of its parent.
|
The :first-child pseudo-class
|
E:link
E:visited |
Matches element E if E is the source anchor of a hyperlink of which the target is not yet visited (:link) or already visited (:visited).
|
The link pseudo-classes
|
E:active
E:hover E:focus |
Matches E during certain user actions.
|
The dynamic pseudo-classes
|
E:lang(c)
|
Matches element of type E if it is in (human) language c (the document language specifies how language is determined).
|
The :lang() pseudo-class
|
E + F
|
Matches any F element immediately preceded by an element E.
|
Adjacent selectors
|
E[foo]
|
Matches any E element with the "foo" attribute set (whatever the value).
|
Attribute selectors
|
E[foo="warning"]
|
Matches any E element whose "foo" attribute value is exactly equal to "warning".
|
Attribute selectors
|
E[foo~="warning"]
|
Matches any E element whose "foo" attribute value is a list of space-separated values, one of which is exactly equal to "warning".
|
Attribute selectors
|
E[lang|="en"]
|
Matches any E element whose "lang" attribute has a hyphen-separated list of values beginning (from the left) with "en".
|
Attribute selectors
|
DIV.warning
|
HTML only. The same as DIV[class~="warning"].
|
Class selectors
|
E#myid
|
Matches any E element ID equal to "myid".
|
ID selectors
|