以下是 CSS 選擇器的用法大全:
1. 標(biāo)簽選擇器:用來選擇所有指定標(biāo)簽的元素,例如:p{}、div{}。
2. 類選擇器:用來選擇具有相同類名的元素,例如:.class{}。
3. ID選擇器:用來選擇具有相同 ID 的唯一元素,例如:#id{}。
4. 后代選擇器:用來選擇指定元素的所有后代元素,例如:div p{}、ul li{}。
5. 子元素選擇器:僅選擇指定元素的子元素,例如:ul>li{}。
6. 相鄰兄弟選擇器:選擇緊鄰在另一個(gè)元素后面的元素,例如:h1+p{}。
7. 通用選擇器:選擇所有元素,例如:*{}。
8. 屬性選擇器:通過引用元素的屬性和屬性值來選擇元素,例如:[name="value"]{}。
9. 偽類選擇器:用于選擇元素的特殊狀態(tài),例如:a:hover{}。
10. 偽元素選擇器:用來在元素的內(nèi)容之前或之后添加樣式,例如:::before、::after。
11. 組合選擇器:結(jié)合多個(gè)選擇器來選擇元素,例如:p,div{}。
12. 逗號(hào)分隔符:選擇多個(gè)元素,例如:p,div{}。
13. 通配符選擇器:選擇文檔中所有元素。
14. 鄰接元素選擇器:選擇相鄰的兩個(gè)元素,不包括父元素和子元素。
15. 非子元素選擇器:選擇某個(gè)元素之后的所有兄弟元素,而不僅僅是其子元素。
16. 屬性存在選擇器:通過僅指定該元素具有某個(gè)屬性,而不指定其屬性值,來選擇元素。
17. 否定選擇器:選擇與指定的選擇器不匹配的元素。
以上是 CSS 選擇器的用法大全,開發(fā)者可以根據(jù)實(shí)際需求選擇最合適的選擇器用來選擇元素并應(yīng)用樣式。