仅当元素具有两个类时才适用的CSS规则[重复]

小胖2020-03-24

假设我们有这个标记：

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

有没有办法只选择<div>其中既有abc与xyz类（最后一个），并覆盖其内嵌的宽度，使有效宽度为200像素？

像这样：

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

A理查德2020/03/24 14:57:27

如果您需要一个编程解决方案，则可以在jQuery中使用：

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

伽罗2020/03/24 14:57:27

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

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

适用于具有以下两个类别的div标签

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

如果您想使用jQuery进行修改

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

泡芙2020/03/24 14:57:27

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

...或简单地：

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

Newest Answer