Shadow DOM 是唯一能够实现真正样式隔离的机制，因为 scoped 和 BEM 都无法阻止外部强制覆盖。开发者必须在构造函数或 connectedCallback 中使用 { mode: 'open' } 来创建 Shadow DOM，样式必须通过 DOM 方法注入，并且只有 :host 和 ::slotted() 这两个伪类能够跨越边界透传样式。
基于Shadow DOM的HTML组件封装与样式与结构双重隔离方法
ShadowDOM是唯一真正隔离样式的机制，需通过open模式创建，样式必须用DOM方法注入CSSOM。仅:host和::slotted()可跨边界透传样式，且需显式继承可继承属性。其他跨边界选择器已被移除，错误写法会破坏封装，造成样式泄漏，需严格遵守规范。