CSS選擇器：
- 元素選擇器、類選擇器、id選擇器
- 屬性選擇器：
a[title] //帶有title屬性的a元素
a[] //href值等于“https://example.org”的a元素
a[href*="example"] // href屬性值包含“example”的a元素
a[href$=".org"] //href屬性值結(jié)尾為“.org”的a元素
3.兄弟選擇器：
- 相鄰兄弟選擇器
前方元素 + 目標(biāo)元素 {樣式聲明 } ：匹配緊跟其前方元素的同胞（同一個(gè)父級(jí)）元素
eg：li + li { } - 通用兄弟選擇器
元素 ~ 元素 {樣式聲明 } ：查找某一個(gè)指定元素的后面的所有兄弟結(jié)點(diǎn)。
eg：p ~ span{ } ：P元素后面所有同一父級(jí)下的span元素 - 子選擇器、后代選擇器
偽類
- ：hover
- ：link（選擇未被訪問(wèn)的鏈接的）
- ：active （激活）通常但不限于<a>和<button>
- ：visited（被訪問(wèn)過(guò)的）通常用于<a>
- ：checked
表示任何處于選中狀態(tài)的radio(<input type="radio">), checkbox (<input type="checkbox">) 或("select") 元素中的option HTML元素("option"))
偽元素和偽類的區(qū)別
- 偽類本質(zhì)上是為了彌補(bǔ)常規(guī)CSS選擇器的不足，以便獲取到更多信息；
- 偽元素本質(zhì)上是創(chuàng)建了一個(gè)有內(nèi)容的虛擬容器；
