css 中常用的選擇器包括:類選擇器、id 選擇器、元素選擇器、后代選擇器、子選擇器、通配符選擇器、群組選擇器和屬性選擇器,用于指定特定元素或元素組,從而實(shí)現(xiàn)樣式化和頁(yè)面布局。
CSS 常用選擇器
CSS 選擇器用于指定特定元素或元素組。以下是 CSS 中一些最常用的選擇器:
1. 類選擇器
語(yǔ)法:.class-name
選擇具有指定類名的元素
例如:.red
選擇具有 “red” 類的所有元素。
2. ID 選擇器
語(yǔ)法:#id-name
選擇具有指定 ID 的元素
例如:#header
選擇具有 ID 為 “header” 的元素。
3. 元素選擇器
語(yǔ)法:element-name
選擇所有具有指定元素名的元素
例如:p
選擇所有段落元素。
4. 后代選擇器
語(yǔ)法:parent > child
選擇是父元素后代的子元素
例如:div > p
選擇所有在 div 元素內(nèi)的段落元素。
5. 子選擇器
語(yǔ)法:parent child
選擇是父元素的子元素的子元素
例如:ul li
選擇所有在無(wú)序列表 (ul) 中的列表項(xiàng) (li)。
6. 通配符選擇器
語(yǔ)法:*
選擇任何元素
例如:* { color: blue; }
將所有元素的文本顏色設(shè)置為藍(lán)色。
7. 群組選擇器
語(yǔ)法:element1, element2, element3
選擇多個(gè)元素
例如:p, h1, h2
選擇所有段落、標(biāo)題 1 和標(biāo)題 2 元素。
8. 屬性選擇器
語(yǔ)法:[attribute]
或 [attribute=value]
選擇具有指定屬性或?qū)傩灾禐橹付ㄖ档脑?br />
例如:[data-type="nav"]
選擇所有具有 “data-type” 屬性且其值為 “nav” 的元素。