通过可交互示例详解 Shadow roots

该交互式工具通过具体示例解析 Shadow roots 与 Shadow DOM 的工作原理。内容演示了样式封装、继承、slots、parts 以及 JavaScript 访问机制，展示 shadow roots 如何构建带有私有样式和元素的隔离 DOM 树，并以受控方式与页面 DOM 交互。该演示由针对 Fable 5.1 Medium 的提示词生成。