Simon Willison·· 2026-09-24AI score18
通过交互式示例解析 Shadow roots
Shadow roots, explained with live examples
Not yet translated; shown in Chinese.
AI guide
该交互式工具通过实时示例解析 Shadow DOM 核心机制，演示了样式封装、继承、slots、parts 以及 JavaScript 访问方式。Shadow roots 能够创建包含私有样式表与元素的隔离 DOM 树，并以受控方式与页面 DOM 交互。
Source:Simon Willison · simonwillison.net