CSS: запретить выбор атрибутов

Question

Я хочу добавить границу к каждому 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 не должны быть стилизованы. Мне нужно использовать некоторые атрибуты селектора. Есть ли для этого селектор атрибутов?

UPDATE:

Исправлено с помощью : не () В моем случае: "div: not (.bar) {"

Спасибо.

Answer 1

Попробуйте это:

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