我需要设计一个同时具有类“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>