css中怎么选中第一个p

admin 轻心小站 关注 LV.19 运营
发表于前端技术学习版块 css,教程

在CSS中,要选中第一个p,可以使用:first-of-type伪类选择器。p:first-of-type { /* 在这里添加样式 */ } 这个选择器会选中文档中第一个出现的元素,无论它是在哪个元

在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元素”变为红色。

文章说明:

本文原创发布于探乎站长论坛,未经许可,禁止转载。

题图来自Unsplash,基于CC0协议

该文观点仅代表作者本人,探乎站长论坛平台仅提供信息存储空间服务。

评论列表 评论
发布评论

评论: css中怎么选中第一个p

粉丝

0

关注

0

收藏

0

已有0次打赏