html - 特定の ID を除くすべての要素に CSS スタイルを適用する

Question

CSSコード（必要なもの）

<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'です。

どうやってやるの？

score 97 · Accepted Answer

: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>

更新: CSS2 selector 、 Tom Heard-sと同様の回答:

div{
    color:red;
}

div[name="bar"]{
    color:blue;
}

<div>foo</div>
<div name="bar">bar</div>

score 19 · Accepted Answer

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;
}

score 2 · Accepted Answer

CSS3 セレクターをサポートするブラウザーのみを対象とする場合は、次のようにすることができます。

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