#BEM

CSS Nesting 与级联：嵌套规则如何影响选择器权重与层叠顺序

CSS Nesting 让样式表更紧凑，但嵌套规则在浏览器中会被扁平化为等效选择器，其权重计算方式与 :is() 类似，可能引发优先级陷阱。本文以组件库样式覆盖场景为例，对比 BEM 与嵌套写法，分析嵌套层级对层叠的影响及可维护性问题。