css - Light DOM 样式层叠到阴影 DOM

Question

我用 polymer 创建了一个自定义元素。当元素包含在 h2 中时，它会继承 h2 的 boldness 和 font-size。我需要我的组件不受外界影响，不受 light dom 样式的影响。如果轻型 DOM 向下级联，我该如何实现？

更具体地说，请查看以下内容:

Answer 1

这似乎是 by design :

The top-level elements of a shadow tree inherit from their host element.

本例中的宿主元素是 h2。

您需要在自定义元素的 CSS 中包含明确的尺寸和重量声明，以防止它从其宿主元素继承样式。