CSS:拒绝属性选择器

Question

我想为每个没有 bar 类的 div 添加边框:

HTML

<div class="foo bar">010101</div>
<div class="foo">010101</div>
<div class="foo bar">010101</div>
<div class="foo">010101</div>
<div>010101</div>

CSS

div {
    background: #ffcc00;
    height: 50%;
    margin: 10px 0;
    padding: 10px;
    width: 50%;
}

具有 bar 类的元素不应设置样式。我需要使用一些属性选择器。是否有任何属性选择器可以做到这一点？

更新:

使用 :not() 修复在我的例子中:“div:not(.bar) {”

谢谢。

Answer 1

试试这个:

div[class!="bar"] {
   //CSS HERE
}