CSS：拒绝属性选择器答案

【问题标题】：CSS: Deny Attribute SelectorCSS：拒绝属性选择器
【发布时间】：2011-10-17 18:57:02
【问题描述】：

我想为每个没有 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) {”

谢谢。

【问题讨论】：

【解决方案1】：

试试这个：

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

【讨论】：

我不记得有:not() - 谢谢你提醒我！不过请注意 - :not() 在 CSS3 之前并不存在，因此可能存在与选择器有关的一些兼容性问题（cough IE cough）。
CSS 中没有这样的属性选择器。