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

假设我们有这样的标记:

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

有没有一种方法只选择<div>既abc和xyz类(最后一个)和覆盖其内联宽度，使有效宽度为200px?

就像这样:

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

218751 次浏览

小开

最佳答案

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

．.．或者仅仅是:

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

小开

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

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

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

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

如果你想使用jQuery修改这个

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

小开

如果你需要一个实用的解决方案，这应该在jQuery工作:

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