CSS中常用的三种选择器包括:标签选择器、类选择器和ID选择器。
- 标签选择器:通过HTML标签名称作为选择器,选择对应的元素。使用方式是在CSS样式表中使用标签名作为选择器,例如:
p {
color: red;
}
上述示例中,p
是标签选择器,表示选择所有<p>
标签,并将其文本颜色设置为红色。
- 类选择器:通过给HTML元素添加class属性,并使用class名称作为选择器,选择对应的元素。使用方式是在CSS样式表中使用
.
加类名作为选择器,例如:
.red-text {
color: red;
}
上述示例中,.red-text
是类选择器,表示选择所有具有red-text
类的元素,并将其文本颜色设置为红色。
- ID选择器:通过给HTML元素添加id属性,并使用id名称作为选择器,选择对应的元素。使用方式是在CSS样式表中使用
#
加id名称作为选择器,例如:
#header {
background-color: gray;
}
上述示例中,#header
是ID选择器,表示选择具有header
id的元素,并将其背景色设置为灰色。
这些选择器可以单独使用,也可以进行组合使用,以实现更精确的元素选择和样式定义。