[分享]CSS中常用的三种选择器6

在CSS中，选择器用于定位HTML元素，并为之应用样式。常见的CSS选择器有3种：元素选择器、类选择器以及ID选择器。1. 元素选择器元素选择器是CSS中最常见的选择器，它选取所有匹配指定元素名的HT...

在CSS中，选择器用于定位HTML元素，并为之应用样式。常见的CSS选择器有3种：元素选择器、类选择器以及ID选择器。

1. 元素选择器

元素选择器是CSS中最常见的选择器，它选取所有匹配指定元素名的HTML元素，并为其应用样式。例如，要为所有段落元素设置字体颜色为蓝色：

p{
  color: blue;
}

2. 类选择器

类选择器用于匹配HTML中class属性值与指定名称相同的元素，并为其应用样式。要使用类选择器，首先需要在HTML元素中指定class属性。例如，要为所有class属性为“highlight”的HTML元素设置背景颜色为黄色：

.highlight{
  background-color: yellow;
}

3. ID选择器

ID选择器用于匹配HTML中id属性值与指定名称相同的元素，并为其应用样式。要使用ID选择器，首先需要在HTML元素中指定id属性。与类选择器不同的是，ID选择器应该是唯一的，即每一页面只能有一个元素的id属性值与指定名称相同。例如，要为id属性为“header”的HTML元素设置字体大小为24px：

#header{
  font-size: 24px;
}

以上是CSS中常见的三种选择器，可以根据实际需求灵活使用。需要注意的是，优先级的关系为ID选择器 > 类选择器 > 元素选择器，若有多个选择器同时作用于一个元素，则以优先级更高的选择器为准。