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