選擇器作用
first-child
匹配子集的第乙個元素
last-child
匹配子集的最後乙個元素
nth-child(n)
根據索引n匹配值
nth-last-child(n)
根據索引n匹配值，索引從最後乙個開始數
nth-of-type(n)
根據標籤type和索引n匹配值
nth-last-of-type(n)
根據標籤type和倒數索引n匹配值
only-child
當標籤下有且僅有乙個匹配的元素時，才會有作用，如果有多個元素不會有作用
首先畫乙個基於ul的橫向列表，後面偽類選擇器會基於此ul列表展開：
1. first-child：匹配子集的第乙個元素。
將demo下第乙個li標籤背景變為紅色：
2. last-child：匹配子集的最後乙個元素。
將demo下最後乙個li標籤背景變為紅色：
3. nth-child(n)：根據索引n匹配值
nth-child(n)：匹配所有索引
nth-child(2n) 或 nth-child(even)：匹配偶數索引
nth-child(2n+1) 或 nth-child(odd)：匹配奇數索引
nth-child(n+4)：匹配第4個以後的索引，包括第4個
nth-child(3n+1)：匹配1,4,7…索引值（當n=0時，n=1時，n=2時…）
將demo下奇數索引li標籤背景變為紅色：
4. nth-last-child(n)：根據索引n匹配值，索引從最後乙個開始數，與 nth-child(n) 效果相反
將demo下倒數的奇數索引li標籤背景變為紅色：
5. nth-of-type(n)：根據標籤type和索引n匹配值，與 nth-child(n) 效果類似，但加了乙個標籤篩選
如果ul下第乙個標籤是span標籤，使用選擇器nth-child(n)：ul下的第乙個li標籤索引值是2，而使用選擇器nth-of-type(n)：ul下的第乙個li標籤索引值是1。
6. nth-last-of-type(n)
：根據標籤type和倒數索引n匹配值，與 nth-of-type(n)效果類似，但索引是倒數開始
7. only-child
：當標籤下有且僅有乙個匹配的元素時，才會有作用，如果有多個元素不會有作用。
8. only-of-type：當標籤下有且僅有乙個匹配的元素且元素內容為空時，才會有作用，如果有多個元素或元素內不為空不會有作用。
有的偽類選擇器可能在某些瀏覽器無法使用，可以使用下面這個**檢視選擇器對瀏覽器的相容性。
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 選擇某個元...