将CSS样式应用于除具有特定ID之外的所有元素

  • Z时代
  • 2024-01-10
  • 分类：问答

回答：

<style>
    div[id!='div1']// I actually needed an inequality operator for NOT EQUAL TO
    {
        font-size:40px;
    }
</style>

回答：

<body>
    <div>abc</div>
    <div>def</div>
    <div id='div1'>ghi</div>
</body>

CSS没有按我的预期工作。

我实际上想为所有<div>元素定义样式，但带有的样式除外id='div1'。

我怎样才能做到这一点？

回答：

使用：not选择器：

div:not(#bar){
    color:red;
}
<div>foo</div>
<div id="bar">bar</div>

更新：name而不是ID：

div:not([name="bar"]){
    color:red;
}
<div>foo</div>
<div name="bar">bar</div>

更新： ，类似于 Tom Heard-s的 答案：

div{
    color:red;
}
div[name="bar"]{
    color:blue;
}
<div>foo</div>
<div name="bar">bar</div>

以上是 将CSS样式应用于除具有特定ID之外的所有元素 的全部内容， 来源链接： utcz.com/qa/425367.html

回到顶部