CSS scoping

CSS scoping模块定义了CSS作用域和封装机制，主要关注Shadow DOM的作用域机制。

CSS样式要么具有全局作用域，要么被限定在shadow tree内。全局作用域的样式应用于节点树中所有匹配选择器的元素，包括该树中的自定义元素，但不包括构成每个自定义元素的shadow tree。选择器及其相关的样式定义不会在作用域之间溢出。

在shadow tree的CSS中，选择器不会选择树外的元素，无论是在全局作用域中还是在其他shadow tree中。每个自定义元素都有自己的shadow tree，它包含构成自定义元素的所有组件（但不包括自定义元素本身，即"宿主"）。

有时，能够从shadow tree上下文中样式化宿主是很有用的。CSS scoping模块通过定义以下选择器来实现这一点：

• 允许shadow tree样式化其宿主。
• 允许外部CSS样式化shadow DOM中的元素（但前提是相关的自定义元素被设置为接受外部样式）。