CSS3選擇器有以下幾種基本選擇器:
元素選擇器(Element Selector):通過元素的標簽名進行選擇,比如p
選擇所有段落元素。
類選擇器(Class Selector):通過元素的class
屬性進行選擇,以.
開頭,比如.red
選擇所有具有red
類的元素。
ID選擇器(ID Selector):通過元素的id
屬性進行選擇,以#
開頭,比如#header
選擇具有header
id的元素。
屬性選擇器(Attribute Selector):通過元素的屬性進行選擇,比如[type="text"]
選擇所有type
屬性值為text
的元素。
偽類選擇器(Pseudo-class Selector):通過元素的特殊狀態進行選擇,以:
開頭,比如:hover
選擇鼠標懸停的元素。
偽元素選擇器(Pseudo-element Selector):通過元素的特定部分進行選擇,以::
開頭,比如::before
選擇元素的前面插入的內容。
后代選擇器(Descendant Selector):通過元素的后代關系進行選擇,使用空格分隔,比如div p
選擇所有在div
元素內的段落元素。
直接子元素選擇器(Child Selector):通過元素的直接子元素進行選擇,使用>
符號分隔,比如div > p
選擇所有作為div
元素直接子元素的段落元素。
相鄰兄弟選擇器(Adjacent Sibling Selector):通過元素的相鄰兄弟元素進行選擇,使用+
符號分隔,比如h2 + p
選擇緊跟在h2
元素后面的段落元素。
通用兄弟選擇器(General Sibling Selector):通過元素的兄弟元素進行選擇,使用~
符號分隔,比如h2 ~ p
選擇所有在h2
元素后面的段落元素。
這些是CSS3中的一些基本選擇器,可以根據需要進行組合和使用。