用可交互示例讲解 Shadow DOM 的 shadow roots

一篇用可交互示例讲解 shadow roots 的教程，演示了样式封装、继承、slots、parts 以及 JavaScript 访问方式。内容展示 shadow roots 如何创建带有私有样式表和元素的隔离 DOM 树，并以特定且受控的方式与页面 DOM 交互。