Css 无阴影dom的聚合物元素';s样式封装

Css 无阴影dom的聚合物元素';s样式封装,css,polymer,shadow-dom,Css,Polymer,Shadow Dom,到目前为止,我已经写了一些聚合物组件,对于我更复杂的东西,我喜欢它们的样式是如何与页面的其余部分隔离开来的。跨多个应用程序使用它们要容易得多 然而,今天我正在创建一个超级简单的组件,我意识到我真的很想让页面的样式渗透进来。我有一个组件,它打包了一堆逻辑,但只呈现了一个基本的链接。是否有可能通过CSS或其他方式让该链接从页面的其余部分继承其样式?appyAuthorStyles曾经非常适合这样做。不幸的是,它不再在shadowdom规范中 您的两个解决方案是: 创建一个小样式表(例如shared.

到目前为止,我已经写了一些聚合物组件,对于我更复杂的东西,我喜欢它们的样式是如何与页面的其余部分隔离开来的。跨多个应用程序使用它们要容易得多


然而,今天我正在创建一个超级简单的组件,我意识到我真的很想让页面的样式渗透进来。我有一个组件,它打包了一堆逻辑,但只呈现了一个基本的
链接。是否有可能通过CSS或其他方式让该链接从页面的其余部分继承其样式?

appyAuthorStyles
曾经非常适合这样做。不幸的是,它不再在shadowdom规范中

您的两个解决方案是:

  • 创建一个小样式表(例如shared.css),其中包含页面和组件使用的通用规则
  • 用于从外部设置链接样式,与页面设置链接样式的方式相同

  • 谢谢你的快速回答!我刚刚得出了同样的结论。一些链接为后面的其他人提供。下面是关于为什么删除applyAuthorStyles的一些讨论:如果您看到对cat和hat选择器(^^和^)的引用,这些选择器后来分别被重命名为/deep/和::shadow。注意,看起来至少有一次lightdom属性会导致聚合物模板渲染到light dom中,虽然我自己似乎无法让它发挥作用,但我还是为后面的人做了最后的说明。这个元素非常简单,以至于我根本没有使用模板或影子dom。在元素的ready回调中,我只做一些普通的dom操作。