css目标子类如果单个

2023年11月25日 209次阅读

我得到了以下标记：

<div>
<p class="active"></p>
<p></p>
<p class="active"></p>
<p></p>
</div>

有一次我得到了这个标记：

<div>
<p></p>
<p></p>
<p class="active"></p>
<p></p>
</div>

现在我想设置活动类的样式,但前提是div中只有一个活动类.如果有多个活动类,则它们应该是不同的样式.就像是：

div .active{
color: red;
}

div .active:only-child{
color:green;
}

如果有没有方法实现这一点没有js？只有CSS？

最佳答案 直到第n个匹配的css选择器在主流浏览器中实现(给它几年,哈哈),据我所知,这对于纯CSS是不可能的.

在CSS3 selector :first-of-type with class name?进行类似的讨论

抱歉!

点赞