具有类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>

http://stackoverflow.com/questions/807415/css-style-for-an-element-that-has-class-a-and-class-b

本站文章除注明转载外，均为本站原创或编译
转载请明显位置注明出处：具有类A和类B的元素的CSS样式