用可交互实例解释 Shadow roots

这是一份通过交互式示例讲解 shadow DOM 的教程，演示了样式封装、继承、slots、parts 以及 JavaScript 访问等机制。Shadow roots 会创建隔离的 DOM 树，拥有私有样式表，其元素以特定且受控的方式与页面 DOM 交互。该示例 artifact 由 Fable 5.1 Medium 根据一段提示词构建。