css3提供了強大的偽類（pseudo-class）選擇器，使開發者能選擇某一物件中符合特定條件的元素進行渲染。這些偽類在剛接觸的時候大家會覺得非常混亂，但當掌握了以後能大大提高你的**效率，並且節省**量。今天先要說的是nth-child偽類。
下面給大家介紹下nth-child的用法:
first-child 定義第乙個li樣式
.test1 li:nth-child(1)
first-child 定義第乙個li樣式
nth-last-child(n): 選擇某個子元素，從最後乙個數起
nth-of-type(n): 選擇某個某種型別的子元素
nth-last-of-type(n): 選擇某個某種型別的子元素，從最後乙個符合條件的元素數起
first-child: 選擇第乙個子元素（這個偽類在css2裡就有）
last-child: 選擇最後乙個子元素
.test2 li:first-child
nth-child(2n) 定義偶數li的樣式
nth-child(2n+1) 選擇奇數行
nth-child(odd) 同上
nth-child(2n) 選擇偶數行
nth-child(even) 同上
.test3 li:nth-child(2n)
nth-child(n+2)選取大於等於2的li
.test4 li:nth-child(n+2)
nth-child(-n+3)選取小於等於3的li
.test5 li:nth-child(-n+3)
CSS3 選擇器 偽類選擇器
e pseudo class e.class pseudo class 語法1示例 a link 語法2示例 a selected hover 動態偽類，因為這些偽類並不存在於html中,而只有當使用者和 互動的時候才能體現出來，動態偽類包含兩種。第一種是我們在鏈結中常看到的錨點偽類，如 link ...
Css3選擇器 偽類選擇器
一 動態偽類 動態偽類，因為這些偽類並不存在於html中,而只有當使用者和 互動的時候才能體現出來，動態偽類包含兩種，第一種是我們在鏈結中常看到的錨點偽類，如 link visited 另外一種被稱作使用者行為偽類，如 hover active 和 focus 對於 hover在ie6下只有a元素支...
css3偽類選擇器
css3偽類選擇器 動態偽類選擇器 他不存在於html中，只有在互動的過程中，才能使用動態偽類選擇器對其進行樣式的渲染 超連結ui元素狀態偽類選擇器 結構偽類選擇器 first child 選擇某個元素的第乙個子元素 last child 選擇某個元素的最後乙個子元素 nth child 選擇某個元...