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