选择除两个 id 之外的所有正文元素 [重复]

Posted 2023-03-06

技术标签:

【中文标题】选择除两个 id 之外的所有正文元素 [重复]【英文标题】：Select all body elements except two ids [duplicate] 【发布时间】：2020-03-07 16:30:46 【问题描述】：

我需要选择除两个 id 之外的所有正文元素并将 css 规则应用于它们。我正在使用此代码，它适用于一个 id，但是当添加第二个 id 时，该代码不再起作用。此代码有效：

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

这个我试过了，还是不行：

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

还有这个

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

所以我的问题是如何选择 2 个 ID？

【问题讨论】：

body>*:not(#frm),body>*:not(#dte) 【参考方案1】：

为:not() 否定选择两个 ID 的问题在于#frm 将匹配不为#dte 的条件，而#dte 将匹配不为@ 的条件987654326@.

您需要做的是将两个:not() 伪选择器链接在一起作为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>

【讨论】：

以上是关于选择除两个 id 之外的所有正文元素 [重复]的主要内容，如果未能解决你的问题，请参考以下文章