Select all body elements except two ids

Question

I need to select all body elements except two ids and apply css rules to them. I am using this code and it works for one id, but when second one is added the code does not work anymore. This code works:

body>*:not(#frm){
filter: blur(3px);
pointer-events: none;
}

I have tried this, but it does not work:

body>*:not(#frm,#dte2){
  filter: blur(3px);
  pointer-events: none;
}

and this

body>*:not(#frm),(#dte){
  filter: blur(3px);
  pointer-events: none;
}

So my question is how do you select 2 ids?

body>*:not(#frm),body>*:not(#dte){ – Libra Nov 12 '19 at 01:11 — Libra, Nov 12 '19 at 01:11

score 4 · Accepted Answer · answered Nov 12 '19 at 01:17

The problem with selecting two IDs for a :not() negation is that #frm would match the criteria for not being #dte, and #dte would match the criteria for not being #frm.

What you need to do is chain two :not() pseudo-selectors together as body>*:not(#frm):not(#dte):

body>*:not(#frm):not(#dte) {
  filter: blur(3px);
  pointer-events: none;
}

<body>
  <div id="frm">Frm</div>
  <div id="dte">Dte</div>
  <div id="other">Other</div>
</body>

Select all body elements except two ids

1 Answers1