我需要对所有子级div中的文本应用一种样式，但具有spanwith类的样式除外.fa
.parentDiv > .column :not(.fa) {
font-weight: bold
}<div class="parentDiv">
<div class="column">aaa</div>
<div class="column">bbb</div>
<div class="column">
<span class="fa">ccc</span>
</div>
</div>我确实需要将CSS放在一行中，因为它是较大样式表的一部分。我怎么做？
你可以用:not与:last-of-type
.parentDiv > .column:not(:last-of-type) {
font-weight: bold;
color:red;
}<div class="parentDiv">
<div class="column">aaa</div>
<div class="column">bbb</div>
<div class="column">
<span class="fa">ccc</span>
</div>
</div>根据@Oriol的评论进行编辑
:not(:last-of-type)并不意味着“不包含.fa
如果您的代码可以是动态的，那么这是有道理的。
这是另一种方法：
.parentDiv > .column span:not(.fa) {
font-weight: bold;
color: red;
}<div class="parentDiv">
<div class="column">
<span class="gsdfasd">text</span>
</div>
<div class="column">
<span class="faadsasfa">some text</span>
</div>
<div class="column">
<span class="fa">this will NOT BE red</span>
</div>
</div>本文收集自互联网，转载请注明来源。
如有侵权，请联系 [email protected] 删除。
我来说两句