我需要设计一个同时具有类“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>
相关文章
转载注明原文:具有类A和类B的元素的CSS样式 - 代码日志