CSS选择器可以分为以下四种类型:
- 元素选择器(Element Selector):通过元素的标签名选取元素。例如,
p
选择器将选取所有<p>
元素。 - 类选择器(Class Selector):通过元素的class属性选取元素。以
.
开头,后跟类名。例如,.myClass
选择器将选取具有class="myClass"
的所有元素。 - ID选择器(ID Selector):通过元素的id属性选取元素。以
#
开头,后跟id名。例如,#myId
选择器将选取具有id="myId"
的唯一元素。 - 属性选择器(Attribute Selector):通过元素的属性选取元素。使用方括号
[]
来指定属性名和属性值。例如,[href]
选择器将选取具有href
属性的所有元素,[name="value"]
选择器将选取具有指定属性名和属性值的元素。
这些选择器类型可以单独使用,也可以结合使用,以满足不同的选择需求。此外,还有伪类选择器、伪元素选择器等更多类型的选择器,用于在特定条件下选择元素,以及对元素的特定部分进行样式设置。