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

标签 css polymer web-component shadow-dom

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

更具体地说,请查看以下内容: enter image description here

最佳答案

这似乎是 by design :

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

本例中的宿主元素是 h2

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

关于css - Light DOM 样式层叠到阴影 DOM,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30147942/

相关文章:

javascript - 为什么 Polmyer iron-ajax 在参数更改时不会自动请求?

javascript - 将 UNIX 时间戳转换为字符串

javascript - 使用数据绑定(bind)时声明的属性被多次初始化

error-handling - 如何在 Stencil 应用程序中执行错误处理

javascript - 在容器内显示的 CSS 幻灯片。如何?

css - Sublime Text : Hide all code and show only comments

javascript - 并排放置 2 个对象,其中 1 个在 css 中具有固定大小

node.js - 导入 Node 核心模块会破坏 Karma 测试(使用 @open-wc/testing-karma)

dart - 从Dart WebComponent的库中定义的调用函数

javascript - 如何使 html 处于非事件状态并显示正在加载的 gif