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

假设我们有这样的标记:

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

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

就像这样:

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

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

．.．或者仅仅是:

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

2011-04-26 21:27:39

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

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

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

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

如果你想使用jQuery修改这个

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

2011-04-26 21:28:21

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

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

2011-04-26 21:30:44

aliyun