Применить стиль CSS для всех элементов, кроме как с идентификатором SPECIFIC ID

Код CSS (что мне нужно)

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

HTML-код

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

CSS не работал так, как я предполагал.

Я действительно хотел определить стиль для всех <div> -элементов, кроме одного с id='div1'.

Как я могу это сделать?

Ответы

Ответ 1

Используйте селектор :not:

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

Ответ 2

Решение CSS3:

div:not(#div1)

Решение CSS2:

div {
    color: red;
}

div#div1 {
    color: inherit;
}

По имени:

Решение CSS3:

div:not([name=div1]) {
    color: red;
}

Решение CSS2 (примечание не поддерживается в IE6 - но кто больше заботится):

div {
    color: red;
}

div[name=div1] {
    color: inherit;
}

Ответ 3

Если вы хотите настроить таргетинг на браузеры, поддерживающие селектор CSS3, вы можете сделать это:

div:not(#div1) {
...my styles...
}