css选择器如何选择第一个子元素?
<div class="test">
<p>1</p>
<span>2</span>
</div>
<div class="test">
<span>1</span>
<p>2</p>
</div>
正常情况下,选择第一个子元素应该是.test > p:first-child
或.test > span:first-child
,
但是如果html结构不是统一的,比如我给的这种,我想给第一个出现的子元素设置样式,该怎么写?
假设将1展示的文字颜色设置为红色color: red;
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(5)
*:first-child
不行么?CSS可以使用通配符
*
的所以一段
stylus
的demo如下把标签去了不就行?.test>:first-child
应该是这样吧?
选择你test下的第一个元素
.test:first-child :first-child{
color:red;
}
.test>p:first-child {
color: red;
}