CSS3 屬性選擇器
1.E [attr]
只使用屬性名哎垦,但沒有確定任何屬性值
2.E [attr="value"]
指定屬性名武通,并指定了該屬性的屬性值
3.E [attr~="value"]
指定屬性名崭捍,并且具有屬性值噪窘,此屬性值是一個詞列表妆艘,其中詞列表中包含了一個value詞,而且等號前面的“?”不能不寫
4.E [attr^="value"]
指定了屬性名旷太,并且有屬性值展懈,屬性值是以value開頭的
CSS3 結(jié)構(gòu)性偽類
1.E:nth-child(n)
表示E父元素中的第n個子節(jié)點(從 1 開始)
參數(shù)也可以是一個表達式销睁,2n+1 -> 匹配第奇數(shù)個子元素,n 從 0 開始
2.E:nth-last-child(n)
表示E父元素中的第n個子節(jié)點存崖,從后向前計算
3.E:first-child
表示E父元素中的第一個子節(jié)點
4.E:last-child
表示E父元素中的最后一個子節(jié)點
注意(選擇器: nth-of-type和nth-last-of-type選擇器來避免這類問題的發(fā)生冻记。使用這兩個選擇器時,css3在計算子元素是第奇數(shù)個子元素還是第偶數(shù)個子元素時来惧,就只針對同類型的子元素進行計算了冗栗。)
5.E:nth-of-type(n)
表示E元素中的第n個子節(jié)點,且類型為E
6.E:nth-last-of-type(n)
表示E元素中的第n個字節(jié)點违寞,且類型為E , 從后向前計算
7.E:first-of-type
表示E元素中的第一個子節(jié)點且節(jié)點類型是E的
8.E:last-of-type
表示E元素中的最后一個子節(jié)點且節(jié)點類型是E的
CSS3 其他偽元素
1.E:before
生成內(nèi)容在E元素前
2.E:after
生成內(nèi)容在E元素后
3.E :not(selector)
表示匹配E元素中除了 selector 的元素