CSS 匹配器,即選擇器,是指定 CSS 樣式應(yīng)用于哪些 HTML 元素的一種方式。以下是幾種常用的 CSS 匹配器:
1. 元素選擇器 p { color: red; } 2. 類選擇器 .red { color: red; } 3. ID 選擇器 #main { color: blue; } 4. 屬性選擇器 a[target="_blank"] { color: green; } 5. 子元素選擇器 ul >li { color: orange; } 6. 相鄰兄弟選擇器 h1 + p { color: purple; } 7. 通用選擇器 * { font-size: 20px; }
元素選擇器是最常用的 CSS 匹配器,它將樣式應(yīng)用于指定 HTML 元素。類選擇器根據(jù)元素的類名選取元素。ID 選擇器則基于元素的 ID 屬性進(jìn)行選擇。
屬性選擇器用于根據(jù)元素的屬性值來選取元素。例如,用于選擇所有包含 target="_blank" 屬性的鏈接。
子元素選擇器用于選擇某個元素的第一層子元素。例如,用于選擇所有 ul 元素中的 li 元素。
相鄰兄弟選擇器用于選擇緊挨在某個元素后面的兄弟元素。例如,用于選擇緊挨在 h1 元素后面的第一個 p 元素。
通用選擇器是最簡單的選擇器,它可以匹配 HTML 文檔中的任何元素。它非常有用,但需要慎重使用,因?yàn)樗赡軙?dǎo)致性能問題。