如何在存在.age-gate-wrapper时隐藏.pum-container（无需JS/jQuery）？

正确CSS代码 #

body:has(.age-gate-wrapper) .pum-container {
  display: none !important;
}

原理说明 #

• 你之前用的.age-gate-wrapper.pum-container是交集选择器，只能匹配同时拥有这两个类名的同一个元素，但你的场景里两个类属于不同元素，所以完全不生效。
• 这里用的body:has(.age-gate-wrapper)是CSS的:has()伪类，作用是匹配包含.age-gate-wrapper元素的body标签，之后再选中该body下所有的.pum-container元素，强制隐藏它们。
• 目前主流浏览器（Chrome、Firefox、Edge等）都已经支持:has()伪类，能满足你的需求且不需要JS/jQuery。

内容的提问来源于stack exchange，提问作者Gary Oak