CSS规则只适用于元素有两个类

比方说，我们有这个标记：

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

有没有办法只select具有abc和xyz类（最后一个）的<div>并覆盖其内联宽度使有效宽度为200px？

像这样的东西：

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

Answer 1

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

…或者干脆：

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

Answer 2

以下适用于以下两类的所有标签

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

适用于以下两类的div标签

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

如果你想修改这个使用jQuery

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

Answer 3

如果你需要一个解决scheme，这应该在jQuery中工作： $(".abc.xyz").css("width", 200);