在CSS中,我们可以使用不同的选择器来选择我们需要改变样式的元素。这里,我们将介绍三种常见的CSS样式选择器。
1. 标签选择器
标签选择器是最常见的选择器之一。它使用HTML标签名称作为选择器,改变所有使用该标签的元素的样式。
p {
color: red;
}
上述代码会将所有<p>元素的文本颜色设置为红色。
2. 类选择器
类选择器是通过给HTML元素添加class来实现的。以“.”开头,后面跟着类名称。
.example {
font-size: 16px;
}
上述代码会将所有带有class名称为“example”的元素的字体大小设置为16像素。
3. ID选择器
ID选择器通过给HTML元素添加id来实现。以“#”开头,后面跟着id名称。
#header {
background-color: #333;
}
上述代码会将id为“header”的HTML元素的背景颜色设置为黑色。
以上是三个常见的CSS样式选择器。当你遇到需要改变元素样式的情况时,可以根据实际情况选择不同的选择器来达到效果。