1、基本選擇器：
1. *——通配符（不建議使用）
2. E——標籤（元素），也是我們之前類型選擇器
3. . + class名——類選擇器
4. # + id名——id選擇器
5. 選擇器1，選擇11器2 —— 羣組選擇器
2、關係(層級)選擇器
1.E F 包含選擇器 —— E父元素，F後代元素，滿足F是E的後代，而且一定要F元素
2.E>F 滿足F是E子代元素（不包括子代的子代元素），E父元素，F是子元素
3.E+F 表示獲取到E下一個兄弟元素（F是E的相鄰元素），E下一個元素必須是F，F必須爲E的相鄰元素
4.E~F 表示獲取到E後面的所有F兄弟元素
3、動態僞類選擇器
1.E：hover —— 給E添加鼠標滑過的樣式
2.E: link —— 鏈接並未被訪問的時候的樣式（訪問之前的）
3.E：visited —— 鏈接被訪問之後的樣式
4.E:active —— 鼠標按下，並未跳轉的時候樣式
5.input:focus —— input 獲取焦點時候的樣式
4、目標僞類
1.E:target —— E目標元素，給目標元素添加樣式
5、語言僞類選擇器
1.q:lang(no){
qoutes:"符號" "符號"
}
注意點：要配合<q lang="no"></q>,默認符號是雙引號
6、狀態僞類選擇器
1.E:enabled —— 給可輸入的標籤添加樣式
2.E:disabled —— 給禁用的標籤添加樣式
3.E:checked —— E被選中的時候添加樣式
4.E::selection —— 被選中的樣式
7、結構僞類選擇器：
1.E F:first-child 代表找到下面F（F要爲E的第一個元素），
所有子元素中得第一個，並且要滿足爲F元素
2.E F:lat-child 代表找到下面F（F要爲E的最後一個元素），
所有子元素中的最後一個，並且要滿足爲F元素
3.E F：nth-child(n) 代表找E下面的第n 元素，並且這個元素要爲F
備註：這個n取1之後纔會有效果
4.E F:nth-child(2n) 代表找到E下面的子元素爲偶數的F元素
5.E F:nth-child(2n-1) 代表找到E下面的子元素奇數的F元素
6.E F:nth-of-type(n) 代表找到E下面指定的F元素的第n個
7.E F:last-of-type 代表找到E下面指定的F元素的最後一個
8.E F:first-of-type 代表找到E下面指定的F元素的第一個元素
9.E F:only-child 代表E下面有且只有一個子元素，並且這個子元素
10.E F:only-of-type 代表E下面同類型的元素只有一個，並且這個元素爲F，其他類型的元素可以有多個
11.E F:empty 代表找到E下面子元素內容爲空，並且這個子元素爲F
注意點：F資源內容不能有空格，有空格相當於字符。
8、否定僞類選擇器：
1.E:not(F) 代表找到E中 除了 F以爲所有E元素
9、屬性選擇器:
1.E[attr] 代表找到E元素中擁有attr 這個屬性的元素
2.E[attr=val] 代表找到E元素中擁有attr屬性 且屬性值等於 val
3.E[attr^=val] 代表找到E元素中擁有attr屬性 且以val值開頭的元素
4.E[attr$=val] 代表找到E元素中擁有attr屬性 且以val值結尾的元素
5.E[attr*=val] 代表找到E元素中擁有attr屬性 且val值 (任意位置都可以)
10、僞元素選擇器：
1.E::after 表示在E下面添加一個最後的子元素
2.E::before 表示在E下面添加第一個的子元素
3.E::first-letter 表示改變E元素中第一個字符 樣式
4.E::first-line 表示改變E元素中第一行字符樣式