仅当元素同时具有两个类时应用的CSS规则

假设我们有这样的标记：

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

。。。或者简单地说：

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

---

下面适用于具有以下两个类的所有标记

.abc.xyz {  
  width: 200px !important;
}

div.abc.xyz {  
  width: 200px !important;
}

应用于具有以下两个类的div标记

.abc.xyz {  
  width: 200px !important;
}

div.abc.xyz {  
  width: 200px !important;
}

如果您想使用jQuery修改这个

$(document).ready(function() {
  $("div.abc.xyz").width("200px");
});

---

如果您需要一个程序解决方案，这应该可以在jQuery中使用：

$(".abc.xyz").css("width", 200);

---

另外：

.abc.xyz

比

.abc

或

.xyz

或

div

更具体，所以

！重要信息

不是必需的。因此，它不会选择

，因为它缺少

xyz

？正是如此。您可以查看更多信息。@Jan！如果有内联样式，则很重要。OP问题中的内联样式将覆盖CSS类。请注意，这与div.abc.xyz{}不同，后者适用于具有类xyz的对象，其父对象具有abc类，而abc类具有div作为父对象。谢谢，似乎没有问题，只是我对CSS理解不好！Jquery在当前版本中内部使用document.queryselector和document.queryselectoral。因此，如果这就是您使用jquery的全部目的，那么请使用它们而不是jquery。