CSS 的基本選擇器用於匹配HTML 文件中的元素,包括:類型選擇器(匹配元素名稱);類別選擇器(匹配類別名稱);ID 選擇器(匹配ID);後代選擇器(匹配祖先元素內的後代元素);子元素選擇器(匹配直接子元素);相鄰兄弟選擇器(匹配直接相鄰的兄弟元素);通用兄弟選擇器(匹配所有兄弟元素);屬性選擇器(匹配具有指定屬性的元素)。
CSS 的基本選擇器
CSS 中的基本選擇器用於匹配 HTML 文件中的元素。透過使用這些選擇器,可以指定特定元素的樣式。
類型選擇器
element
:符合所有帶有指定元素名稱的元素,例如p
#表示所有段落。 類別選擇器
.class-name
:符合所有具有指定類別名稱的元素,例如.example
表示所有帶有example
類別的元素。 ID 選擇器
##id-name
:符合指定ID 的單一元素,例如 #header
表示有header
ID 的元素。 後代選擇器
ancestor descendant
:符合位於祖先元素內的後代元素,例如ul li
表示所有位於ul
元素內的li
元素。 子元素選擇器
#parent > child
:符合作為父元素直接子元素的子元素,例如div > p
表示所有直接位於div
元素內的p
元素。 鄰近兄弟選擇器
element adjacent
:符合直接出現在指定元素之後的相鄰元素,例如p h2
表示所有直接位於p
元素之後的h2
元素。 通用兄弟選擇器
element ~ sibling
:符合所有出現在指定元素之後的兄弟元素,包括相鄰元素和更遠的元素,例如h1 ~ p
表示所有位於h1
元素之後的p
元素。 屬性選擇器
[attribute]
:符合具有指定屬性的元素,例如[href ]
表示所有具有href
屬性的元素。 [attribute=value]
:符合具有指定屬性並具有指定值的元素,例如[href="example.com"]
表示所有 href
屬性值為"example.com" 的元素。 以上是css的基本選擇器有哪些的詳細內容。更多資訊請關注PHP中文網其他相關文章!