html - Apply CSS Style on all elements except with a SPECIFIC ID

Question

asked Oct 17, 2021 in Technique[技术] by 深蓝 (71.8m points)

CSS Code(what I need)

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

The CSS didn't work as I intended.

I actually wanted to define the style for all <div>-elements except the one with id='div1'.

How can I do that?

See Question&Answers more detail:os

与恶龙缠斗过久,自身亦成为恶龙；凝视深渊过久,深渊将回以凝视…

深蓝 · Answer 1 · 2021-10-17T00:10:18+0000

answered Oct 17, 2021 by 深蓝 (71.8m points)

Use the :not selector:

div:not(#bar){
    color:red;
}

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

与恶龙缠斗过久,自身亦成为恶龙；凝视深渊过久,深渊将回以凝视…