旧浏览器直接丢弃整条 :is()/:where() 规则，不是降级而是静默失效；chrome 105+、firefox 103+、safari 15.4+ 支持标准行为，但 safari 15.2–15.3 对嵌套 :is() 解析失败，更老引擎遇任意 :is()/:where() 就整条跳过，控制台仅报模糊 invalidselectorerror。
旧浏览器直接丢弃整条 :is()/:where() 规则，不是降级而是静默失效
Chrome 105+、Firefox 103+、Safari 15.4+ 支持标准行为，但 Safari 15.2–15.3 对嵌套 :is()（比如 :is(:is(.a, .b))）会解析失败；更老的引擎（如 IE、Edge 18 及更早）遇到任意 :is() 或 :where() 就整条规则跳过，控制台可能只报模糊的 InvalidSelectorError，不提示具体哪部分出错。
这不是“兼容性差”，而是语法不识别——浏览器把整条 CSS 规则当无效语句扔掉，连降级机会都不给。
- 不要依赖
CSS.supports('selector(:is(a))')做检测：Safari 15.2 返回true，但实际渲染时可能漏掉某个分支 - 真实项目必须用“渐进增强 + class 回退”：先写传统逗号分组规则，再在后面覆盖写
:is()版本 - 例如：
.card-header, .card-body, .card-footer { padding: 1rem; } :is(.card-header, .card-body, .card-footer) { padding: 1.25rem; }老浏览器只认第一行，新浏览器用第二行覆盖
:is() 在 Safari 15.4 前不支持多层嵌套，单层也容易因空格或逗号报错
:is() 对语法错误零容忍。一个多余空格、漏掉的括号、或非法子选择器（如 :is(.a, [type=submit]) 缺引号），整条规则就会被丢弃。Safari 15.4 之前还不支持 :is() 嵌套自身，:is(:is(.a), .b) 直接失效。
- 避免在
:is()内写带空格的复合选择器，比如:is(div p, .title)—— 这不是语法错误，但权重只有 (0,0,0,2)，反而比.wrapper p更低 - 所有子选择器必须是合法独立选择器：
:is(.btn, a[href])✅，:is(.btn, a:hover)❌（伪类本身合法，但部分旧 Safari 会忽略整条） - 检查工具链：PostCSS 插件如
postcss-preset-env默认不转译:is()，需显式配置stage: 4并启用features: { 'nesting-rules': true }（注意它不处理:is()权重逻辑）
:where() 的 0 权重在旧引擎里“安全”但没意义，别指望它兜底
:where() 的零特异性是设计目标，不是 bug。但在不支持它的浏览器里，它和 :is() 一样被整条丢弃——你写 :where(h1, h2) { margin: 0; }，老浏览器既不会应用，也不会 fallback 到默认 h1 的 UA 样式 margin，它只是视而不见。
-
:where()不是用来“兼容降权”的，它是为现代浏览器设计的“样式锚点”：比如框架中定义nav :where(a, button) { cursor: pointer; }，靠nav提供权重，内部保持零干扰 - 别在
:where()里塞#id或高权重选择器，它不会提升效果，只会让团队误以为“加了 ID 就能生效” - 如果真需要零权重兼容方案，只能手写多个低权重要素，比如用
h1, h2, h3而不是寄希望于:where()回退
权重差异在混合使用时最危险：:is() 意外覆盖，:where() 彻底隐身
同一个页面里混用两者，最容易翻车。比如你写了 .modal :is(.btn, #confirm)（权重按 #confirm 算，0-1-0-1），又写了 .modal :where(.btn, .cancel)（权重 0-0-0-1），后者根本压不过任何带类名的规则，甚至不如单独一个 .btn。
-
:is()适合替换你本就打算提权的重复组合，比如把.card h2, .post h2, .section h2改成:is(.card, .post, .section) h2 -
:where()只适合“加样式但绝不抢权”的场景，比如重置第三方库按钮边框：:where(button, [type="submit"]) { border: none; }，靠外层容器提供权重 - 最常被忽略的一点：
:where()里的选择器即使本身权重高（如#main），整个:where(#main)权重仍是 0 —— 它不是“降低 ID 权重”，而是“彻底放弃权重参与”
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
