[分享]css元素选择器举例

在CSS中，元素选择器是指对HTML文档中指定元素进行样式设置。元素选择器是CSS选择器中最基本的一种，下面我们通过举例来讲解元素选择器的使用。/ 使用元素选择器设置所有p元素字体颜色为红色 / p ...

在CSS中，元素选择器是指对HTML文档中指定元素进行样式设置。元素选择器是CSS选择器中最基本的一种，下面我们通过举例来讲解元素选择器的使用。

/* 使用元素选择器设置所有p元素字体颜色为红色 */
p {
  color: red;
} 

上述代码中，p表示选择所有HTML文档中的p元素，然后通过color属性设置其字体的颜色为红色。

/* 使用元素选择器设置部分p元素的字体颜色为绿色 */
p.intro {
  color: green;
} 

在上面的代码中，我们为p元素添加了一个class名叫“intro”，然后针对这个class选择器，仅对所有含有intro类名的p元素设置字体颜色为绿色。

/* 使用元素选择器设置某一个p元素的字体颜色为蓝色 */
p#blue {
  color: blue;
} 

在上面的代码中，我们通过id选择器来选择一个特定的p元素，这个元素的id名为“blue”，下面我们来看看HTML代码：

<p id="blue">这个p元素字体颜色为蓝色</p> 

通过上述的三个例子，我们可以看到元素选择器的使用灵活，可以针对所有的元素进行样式设置，或者通过元素添加类名或者id名等属性进行更精细的样式设置。