如何解决应用 :host css 基于祖先
我们的应用有两个主题,分别称为“浅色”和“深色”。它们像这样应用于 <body>
:
<body class="dark'>
...
</body>
然后我有一个使用 shadow DOM 的 Web 组件,我需要根据应用到 <body>
的主题为该组件应用一些样式。
最明显的解决方案是使用host-context
:
:host-context(body.dark) h1 {
color: white;
}
这对 Chrome 非常有效……遗憾的是,Safari 和 Firefox don't do host-context。
有没有办法只使用 :host
来完成同样的事情?其他方法?
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。