第一類：
：nth-child(n) 選擇器
選擇器匹配屬於其父元素的第 n 個子元素，不論元素的型別
：last-child（n）
選擇器匹配屬於父元素的倒數第n個子元素，不論元素的型別
li：nth-child(n)
選擇器匹配屬於其父元素的第 n 個子元素,且該元素為li型別匹配，否則不匹配
第二類
:nth-of-type()
1 選擇器匹配那些在相同兄弟節點中的位置與模式 an+b 匹配的相同元素。
2 選擇器匹配屬於父元素的特定型別的第 n 個子元素的每個元素.
li:nth-of-type(m)
匹配屬於父元素的特定型別的第m個子元素
:nth-last-of-type(n)
選擇器匹配屬於父元素的特定型別的第 n 個子元素的每個元素，從最後乙個子元素開始計數。
第三類
:empty
可以匹配空元素（裡面沒有任何東西，包括注釋，空格，甚至換行符）。
第四類
:scope
可以用在queryselector和queryselectorall api中，表示匹配呼叫這兩個api的元素。然後在css**中使用:scope是沒有任何意思，跟:root一樣的。於是pagestart.queryselectorall(":scope div div")意思是，匹配"#pagestart div div"選擇器，同時是pagestart的子元素。
第五類
~=是單詞匹配
例如"page page-start"，裡面就有兩個單詞（page 和 page-start）
|=是起始匹配
注意：「page page-start"是無法匹配|=，雖然起始是page。只能匹配"page"以及"page-***」
例子：document.queryselectorall(『div[class~=page]』)
第六類
:not()偽類是邏輯匹配偽類，本身優先順序（權重）是0，本身優先順序是括號裡面選擇器決定的
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 選擇某個元...