具有类A和类B的元素的CSS样式

前端之家收集整理的这篇文章主要介绍了具有类A和类B的元素的CSS样式前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我需要设计一个同时具有类“a”和类“b”的元素。我该怎么做?

类在html中显示的顺序可能会有所不同。

<style>
div.a ? div.b{
color:#f00;
}
</style>
<div class="a">text not red</div>
<div class="b">text not red</div>
<div class="a b">red text</div>
<div class="b a">red text</div>

解决方法

这是完全可能的。如果在元素上指定了两个类(没有任何空格),那就意味着它必须同时适用于规则。
div.a {
  color: blue;
}
div.b {
  color: green;
}
div.a.b {
  color: red;
}
<div class="a">
  A
</div>
<div class="b">
  B
</div>
<div class="a b">
  AB
</div>
原文链接:https://www.f2er.com/css/219246.html

猜你在找的CSS相关文章