CSS选择器(CSS2)_html/css_WEB-ITnose

h1{color: red;background: yellow;}

*{color: red;}

html{color: black;}p{color: gray;}h2{color: silver;}    

.div{color: red;}

.div1.div2{color: red;}

p.div{color: red;}

#test{color: red;}

h1[class]{color: red;}img[alt]{color: red;}a[href][title]{color: red;}#div[class]{color: red;}.box[id]{color: red;}[class]{color: red;}

[class="test box"]{color: red;}

[id="tox"]{color: red;}    

a[href="http://www.baidu.com"][title="baidu"] {color: red;}    

[class ~="b"] 选择class属性值在用空格分隔的词列表中包含词语"b"的所有元素    [class ^="b"] 选择class属性值以"b"开头的所有元素[class $="b"] 选择class属性值以"b"结尾的所有元素[class *="b"] 选择class属性值包含"b"的所有元素    [class |="b"] 选择class属性值等于b或以b-开头的所有元素

h1,p{color: red;}

ul li{color: red;}div p, ul li{color: red;}

ul > li{color: red;}

div + p{color: red;}    

:link    未访问:visited    已访问a:link{color: red;}a:visited{color: green;}

:focus    拥有焦点(IE7-不支持):hover    鼠标停留(IE6-不支持给<a>以外的其他元素设置伪类):active    正被点击(IE7-不支持给<a>以外的其他元素设置伪类)

p:first-child    代表的并不是<p>的第一个子元素，而是<p>元素是某元素的第一个子元素p > i:first-child    匹配所有<p>元素中的第一个<i>元素p:first-child i 匹配所有作为第一个子元素的<p>元素中的所有<i>元素

p:lang(en) 匹配语言为"en"的<p>

a:visited:hover:first-child{color: black;}

p:first-letter{color: red;}    

p:first-line{color: red;}    

p:before{content:"text"}

p:after{content:"text"}