[分享]css中怎么选中第一个p

在CSS中，要选中第一个p，可以使用:firstoftype伪类选择器。p:firstoftype { / 在这里添加样式 / } 这个选择器会选中文档中第一个出现的元素，无论它是在哪个元素内部。如果...

在CSS中，要选中第一个p，可以使用:first-of-type伪类选择器。

p:first-of-type {
  /* 在这里添加样式 */
} 

这个选择器会选中文档中第一个出现的

元素，无论它是在哪个元素内部。如果文档中有多个父元素包含

元素，那么这个选择器只会选中第一个出现的

元素。例如，下面这个HTML代码：

<div>
  <p>这是第一个p元素</p>
  <p>这是第二个p元素</p>
</div>
<p>这是第三个p元素</p> 

使用:first-of-type选择器只会选中第一个p元素：

p:first-of-type {
  color: red;
} 

这会把“这是第一个p元素”变为红色。