1. 程式人生 > >css偽類選擇器及其相容性

css偽類選擇器及其相容性

常用的幾個選擇子元素的偽類選擇器:

1. :first-child  (相容性:對於 IE8 及更早版本的瀏覽器中的 :first-child,必須宣告 <!DOCTYPE>)

匹配選中元素的第一個元素,如圖

2. :last-child (相容性:ie9以下不支援)

匹配選中元素的最後一個元素,如圖


3. :nth-child(n) (相容性:ie9以下不支援)

匹配選中元素的第n個元素,如圖


4. :nth-child(n+m) (相容性:ie9以下不支援)

匹配選中元素的索引大於m的所有元素,如圖(圖中表示所有大於4的奇數顯示綠色)