简介

简单地说，Shadow DOM 对 HTML & CSS 启用了局部作用域。

Shadow DOM 修复了 CSS 和 DOM。它在网络平台中引入作用域样式。 无需工具或命名约定，您即可使用原生 JavaScript 捆绑 CSS 和标记、隐藏实现详情以及编写独立的组件。 - https://developers.google.com/web/fundamentals/getting-started/primers/shadowdom

Shadow DOM 有属于自己的一个小世界，他和外界很难相互影响。

Shadow DOM 是你作为一个 组件创建者，抽象出来的组件的实现细节。他也可以决定如何处理用户提供的 light DOM.