css 選擇器用于在 html 中選擇元素以應(yīng)用樣式。它們包括:元素選擇器(按標(biāo)簽名選擇)標(biāo)識(shí)選擇器(按 id 選擇)類(lèi)選擇器(按類(lèi)名選擇)屬性選擇器(按屬性選擇)子選擇器(選擇父元素內(nèi)的子元素)后代選擇器(選擇父元素后代)相鄰選擇器(選擇緊鄰元素)組合選擇器(匹配多個(gè)選擇器)逗號(hào)分隔選擇器(匹配多個(gè)選擇器中的任何一個(gè))
常見(jiàn)的 CSS 選擇器
CSS 選擇器是用于在 HTML 文檔中選擇元素的語(yǔ)法。它們?cè)试S樣式作者根據(jù)元素的名稱(chēng)、ID、類(lèi)、屬性和其他特征對(duì)其進(jìn)行樣式化。
以下是常見(jiàn)的 CSS 選擇器類(lèi)型:
元素選擇器
通用選擇器(*):選擇文檔中的所有元素。
類(lèi)型選擇器(標(biāo)簽名):選擇具有特定標(biāo)簽(類(lèi)型)的元素,例如 p
(段落)或 div
(分隔符)。
標(biāo)識(shí)選擇器
ID 選擇器(#ID):選擇具有特定 ID 屬性值的元素。ID 必須在文檔中唯一。
類(lèi)選擇器
類(lèi)選擇器(.className):選擇具有特定類(lèi)名的元素。一個(gè)元素可以擁有多個(gè)類(lèi)名。
屬性選擇器
屬性選擇器([屬性名]):選擇具有指定屬性的元素。
屬性值選擇器([屬性名=”屬性值”]):選擇具有特定屬性值或值包含特定子字符串的元素。
其他選擇器
子選擇器(父元素 > 子元素):選擇子元素位于父元素內(nèi)部的元素。
后代選擇器(父元素 子元素):選擇父元素后代的元素。
相鄰選擇器(相鄰選擇器 + 相鄰選擇器):選擇緊接著相鄰選擇器的元素。
選擇器組合
組合選擇器(選擇器1 選擇器2):選擇同時(shí)與多個(gè)選擇器匹配的元素。
逗號(hào)分隔選擇器(選擇器1, 選擇器2):選擇與任何所列選擇器匹配的元素。