1. #class

id選擇器 選擇帶有指定id的元素

• 不能以數(shù)字開頭
• 不能包含特殊字符（&敬察、@种玛、#程储、$等）
• 一個id屬性只能在文檔中使用一次！僅一次辽剧！

2. .class

class選擇器 選擇帶有指定類（class）的元素

• 最好不要以數(shù)字開頭送淆，以免在某些瀏覽器中出現(xiàn)問題

3. *

通配選擇器 選中所有元素
兩種用法：

1. 選擇器選取所有元素
2. 選擇器選擇某個元素下的所有元素。例：選擇div下的所有元素

div * {

}

4. element

標(biāo)簽選擇器 選擇指定標(biāo)簽的元素

5. element, element

分組選擇器 用于同時選取多個元素

6. element element

后代選擇器（descendant selector）怕轿，又稱包含選擇器
div p{ /*匹配div下的p*/ /*匹配祖先元素是div的p*/ }

7. element > element

   div>p{
       /*選擇父元素為div的p*/
       /*直接子元素*/   
   }
   

8. element + element

相鄰兄弟選擇器
div+p{ /*選擇div后的p*/ /*兄弟關(guān)系*/ }

9. [attribute]

屬性選擇器
a[target]{ /*匹配帶有target屬性的a標(biāo)簽*/ }

10. [attribute=value]

特定屬性選擇器
a[target=_blank]{ /*匹配target="_blank"的a標(biāo)簽*/ }

11. [attribute~=value]

包含
[title~=flower]{ /*匹配title屬性中包含"flower"的標(biāo)簽*/ }

12. [attribute|=value]

    開頭

    [lang~=zh]{
        /*匹配lang屬性以"zh"開頭的標(biāo)簽*/
    }
    

    和^的區(qū)別：
    |必須是以value值開頭偷崩，同時后面必須是中劃線”-“，絕對不能是下劃線”_“撞羽，要不就識別不出來

13. :link

普通的阐斜、未被訪問的鏈接

14. :visited

用戶已訪問的鏈接

15. :active

鏈接被點(diǎn)擊的時刻

16. :hover

鼠標(biāo)指針位于鏈接的上方
#####注意事項(xiàng)：
當(dāng)為鏈接的不同狀態(tài)設(shè)置樣式時，請按照以下次序規(guī)則：
- a:hover 必須位于 a:link 和 a:visited 之后
- a:active 必須位于 a:hover 之后

17. :focus

選擇獲得焦點(diǎn)的輸入字段

18. :first-letter

用于選取指定選擇器的首字母

19. :first-line

用于選取指定選擇器的首行

20. :first-child

用于選取屬于其父元素的首個子元素的指定選擇器

21. :before

在被選元素的內(nèi)容前面插入內(nèi)容
用 content 屬性來指定要插入的內(nèi)容

22. :after

在被選元素的內(nèi)容后面插入內(nèi)容
after偽類清除浮動
:after { content: " "; display: block; height: 0; clear: both; }

23. :lang

24. element1~element2

element1 之后出現(xiàn)的所有 element2诀紊。
兩種元素必須擁有相同的父元素谒出，但是 element2 不必直接緊隨 element1。

25. [attribute^=value]

開頭

26. [attribute$=value]

匹配屬性值以指定值結(jié)尾的每個元素

27. [attribute*=value]

匹配屬性值包含指定值的每個元素

28. :first-of-type

匹配屬于其父元素的特定類型的首個子元素的每個元素
等同于 :nth-of-type(1)

29. :last-of-type

匹配屬于其父元素的特定類型的最后一個子元素的每個元素
等同于 :nth-last-of-type(1)

30. :only-of-type

匹配屬于其父元素的特定類型的唯一子元素的每個元素

31. :only-child

匹配屬于其父元素的唯一子元素的每個元素

32. :nth-child()

匹配屬于其父元素的第 N 個子元素，不論元素的類型笤喳。
n 可以是數(shù)字为居、關(guān)鍵詞或公式。

33. :nth-last-child()

匹配屬于其元素的第 N 個子元素的每個元素杀狡，不論元素的類型蒙畴，從最后一個子元素開始計數(shù)。
n 可以是數(shù)字呜象、關(guān)鍵詞或公式忍抽。

34. :nth-of-type()

匹配屬于父元素的特定類型的第 N 個子元素的每個元素。
n 可以是數(shù)字董朝、關(guān)鍵詞或公式鸠项。

35. :nth-last-of-type()

匹配屬于父元素的特定類型的第 N 個子元素的每個元素，從最后一個子元素開始計數(shù)子姜。
n 可以是數(shù)字祟绊、關(guān)鍵詞或公式。

36. :last-child

匹配屬于其父元素的最后一個子元素的每個元素

37. :root

匹配文檔根元素哥捕。
在 HTML 中牧抽，根元素始終是 html 元素。

38. :empty

匹配沒有子元素（包括文本節(jié)點(diǎn)）的每個元素

39. :target

URL 帶有后面跟有錨名稱 #遥赚，指向文檔內(nèi)某個具體的元素扬舒。這個被鏈接的元素就是目標(biāo)元素(target element)。
:target 選擇器可用于選取當(dāng)前活動的目標(biāo)元素凫佛。

40. :enabled

匹配每個已啟用的元素（大多用在表單元素上）

41. :checked

匹配每個已被選中的 input 元素（只用于單選按鈕和復(fù)選框）

42. :not

匹配非指定元素/選擇器的每個元素

43. ::selection

匹配被用戶選取的選取是部分