假设我们有这个标记:
<div class="abc"> ... </div> <div class="xyz"> ... </div> <div class="abc xyz" style="width: 100px"> ... </div>
有没有办法只选择<div>同时具有类abc和xyz类(最后一个)并覆盖其内联宽度以使有效宽度为 200px 的方法?
<div>
abc
xyz
像这样的东西:
[selector] { width: 200px !important; }
div.abc.xyz { / rules go here / }
…或者简单地说:
.abc.xyz { /* rules go here */ }