結構偽類選擇器
作用：可以根據元素在文件樹中的某些特性（如他們的相對位置）定位到他們。
好處：通過文件樹結構的相互關係來匹配特定的元素，從而減少html文件對id或類名的定義幫助你保持**乾淨和整潔。
語法：e;first-chlid = e:nth-child(1);
e:last-child = e:nth-last-child(1);
e;root
:root 偽類選擇頁面的根元素。十有**根節點是 元素，例如：
:root除了給 元素設定樣式，這個偽類基本沒什麼價值，可能也就描述性稍強些：
htmle:nth-child() odd代表奇數 even代表偶數
ul li:nth-child(odd)這將使無序列表中的每個奇數行高亮顯示。您可能會發現在**中使用這種技術非常方便。例如：
table tr:nth-child(even):nth-child 選擇器更明確靈活，因此，你可以選擇列表的第三個元素，像這樣：
li:nth-child(3)請注意 n 並不是從零開始，第乙個元素是 :nth-child(1)，第二個是 :nth-child(2)，以此類推。
我們也可以利用一些簡單的代數，使它變得更加精彩。考慮以下**：
li:nth-child(2n)當我們以這種方式使用 n，它代表對所有正整數，直到文件耗盡可選擇的元素。在這種情況下，它會選擇下列列表項：
這實際上和使用 :nth-child(even) 完全一致。因此我們混入點東西：
li:nth-child(5n)對應選擇的節點元素：
對於長列表或**而言，也許這將很有用，也可能完全無用。我們還可以在這一公式中執行數字加減法：
li:nth-child(4n + 1)對應選擇的節點元素：
這裡 sitepoint 指出了乙個怪癖的功能，如果你將 n 設定為負值，則可以像這樣選擇前 x 項。
li:nth-child(-n + x)如果你期望選擇前 5 項，可以這樣寫：
li:nth-child(-n + 5)對應選擇的節點元素：
CSS3 結構偽類選擇器
選擇器作用 first child 匹配子集的第乙個元素 last child 匹配子集的最後乙個元素 nth child n 根據索引n匹配值 nth last child n 根據索引n匹配值，索引從最後乙個開始數 nth of type n 根據標籤type和索引n匹配值 nth last o...
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元素支...