css的基本選擇器有哪些

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中文網其他相關文章！