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

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;
}

第3410篇《仅当元素具有两个类时才适用的CSS规则\[重复\]》来自Winter(https://github.com/aiyld/aiyld.github.io)的站点

共3个回答

A理查德 2020.03.24

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

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

伽罗 2020.03.24

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

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

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

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

如果您想使用jQuery进行修改

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

泡芙 2020.03.24

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

...或简单地：

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

相似问题

0 回答

0 回答

5 回答

25 回答

0 回答

0 回答

问题类别

JavaScript Ckeditor Python Webpack TypeScript Vue.js React.js ExpressJS KoaJS CSS Node.js HTML Django 单元测试 PHP Asp.net jQuery Bootstrap IOS Android