css 目标子类（如果是单个）

Question

我得到以下标记：

<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？

Answer 1

据我所知，在主流浏览器中实现 css 选择器之前nth-match（给它几年时间，哈）这是不可能的。

CSS3 选择器上的类似讨论：first-of-type with class name?

对不起！