CSS规则仅当元素有BOTH类时才应用 [英] CSS rule to apply only if element has BOTH classes

问题描述

假设我们有这个标记：

<div class="abc"> ... </div>
<div class="xyz"> ... </div>
<div class="abc xyz" style="width: 100px"> ... </div>

是否有方法只选择< div> 其中有BOTH abc 和 xyz 类（最后一个），并覆盖其内联宽度，有效宽度为200像素？

Is there a way to select only the <div> which has BOTH abc and xyz classes (the last one) AND override its inline width to make the effective width be 200px?

这样的东西：

[selector] {
  width: 200px !important;
}

推荐答案

div.abc.xyz {
    /* rules go here */
}

$ b b

...或简单：

... or simply:

.abc.xyz {
    /* rules go here */
}

这篇关于CSS规则仅当元素有BOTH类时才应用的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！