我得到以下标记:
<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?
不,您无法在纯 CSS 中实现这一点,因为您无法从特定选择器访问父元素,也无法根据元素是否具有具有特定类名的子元素来设置元素的样式。
您可以向父元素添加辅助类名称。就像是.has-active-items
.
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)