CSS3 屬性選擇器

1.E [attr]

只使用屬性名，但沒有確定任何屬性值

2.E [attr="value"]

指定屬性名，并指定了該屬性的屬性值

3.E [attr~="value"]

指定屬性名，并且具有屬性值，此屬性值是一個(gè)詞列表，其中詞列表中包含了一個(gè)value詞，而且等號前面的“?”不能不寫

4.E [attr^="value"]

指定了屬性名，并且有屬性值，屬性值是以value開頭的

CSS3 結(jié)構(gòu)性偽類

1.E:nth-child(n)

表示E父元素中的第n個(gè)子節(jié)點(diǎn)（從 1 開始）
參數(shù)也可以是一個(gè)表達(dá)式，2n+1 -> 匹配第奇數(shù)個(gè)子元素，n 從 0 開始

2.E:nth-last-child(n)

表示E父元素中的第n個(gè)子節(jié)點(diǎn)，從后向前計(jì)算

3.E:first-child

表示E父元素中的第一個(gè)子節(jié)點(diǎn)

4.E:last-child

表示E父元素中的最后一個(gè)子節(jié)點(diǎn)

注意（選擇器: nth-of-type和nth-last-of-type選擇器來避免這類問題的發(fā)生。使用這兩個(gè)選擇器時(shí)，css3在計(jì)算子元素是第奇數(shù)個(gè)子元素還是第偶數(shù)個(gè)子元素時(shí)，就只針對同類型的子元素進(jìn)行計(jì)算了。）

5.E:nth-of-type(n)

表示E元素中的第n個(gè)子節(jié)點(diǎn)，且類型為E

6.E:nth-last-of-type(n)

表示E元素中的第n個(gè)字節(jié)點(diǎn)，且類型為E , 從后向前計(jì)算

7.E:first-of-type

表示E元素中的第一個(gè)子節(jié)點(diǎn)且節(jié)點(diǎn)類型是E的

8.E:last-of-type

表示E元素中的最后一個(gè)子節(jié)點(diǎn)且節(jié)點(diǎn)類型是E的

CSS3 其他偽元素

1.E:before

生成內(nèi)容在E元素前

2.E:after

生成內(nèi)容在E元素后

3.E :not(selector)

表示匹配E元素中除了 selector 的元素