兄弟選擇器
-
相鄰兄弟選擇器
- 下一個(gè)緊挨著的元素，
- 相鄰元素的父元素要相同
- 可以通過連加找到兄弟的兄弟元素
- 鏈接符是 +
-
通用兄弟選擇器
- 后面的所有指定元素
- 兩種元素必須擁有相同的父元素
- 通過 ~鏈接
屬性選擇器
能夠?qū)⒃馗綆У膶傩杂糜谶x擇器中，從而對(duì)帶有指定屬性的元素設(shè)置樣式
如 [title]：選擇所有寫了title的值，不管屬性值是什么
偽類選擇器
-
目標(biāo)偽類
- :target 匹配設(shè)置錨點(diǎn)并處于活動(dòng)狀態(tài)的元素
-
元素狀態(tài)偽類
- :enabled 匹配每個(gè)已啟用的元素(大多數(shù)用在表單元素上)
- :disabled 匹配每個(gè)被禁用的元素(大多數(shù)用在表單元素上)
- :checked 匹配每個(gè)已被選中的input元素(只用于單選按鈕和復(fù)選框)
-
結(jié)構(gòu)偽類
- :first-child 匹配屬于其父元素的首個(gè)子元素
- :last-child 匹配屬于父元素的最后一個(gè)子元素
- :empty 匹配沒有子元素(包括文本節(jié)點(diǎn))的每個(gè)元素
- :only-child 匹配屬于其父元素的唯一子元素
- :nth-child(n) 匹配父元素中第n個(gè)指定元素
-
否定偽類
- :not(selector) 匹配非指定元素/選擇器的每個(gè)元素
偽元素選擇器
-
first-letter用于選取指定選擇器的首字母
常用語排版細(xì)節(jié)，如首字母突出顯示地来，下沉等 - first-line用于選取指定選擇器的首行
- :selection用于匹配被用戶選取的部分
