我开始制作一个 HTML/CSS/Vanilla JS web 组件库,到目前为止一切都很顺利。
我使用典型的::part 和所有这些,但我偶然发现了 accros::theme 选择器,它应该可以快速访问样式,而无需创建者进行更多设置。
问题是,我 - 无论我尝试过什么 - 似乎都无法让::theme 选择器工作,有没有人可以帮助我?
屏幕转储来自 https://meowni.ca/posts/part-theme-explainer/ ,尝试遵循但我不知道这个选择器是否仍然是实验性的?,如果它有效,它真的会让我的组件样式变得更容易!
最佳答案
遗憾的是::theme 选择器没有成功
经过大量挖掘,我发现::theme 选择器是一个没有得到实现的提议
虽然这里提到https://developer.mozilla.org/en-US/docs/Web/CSS/::part在“另请参阅”下的底部。
然后我发现这个已关闭的解释器问题,确认::主题没有成功https://github.com/fergald/docs/issues/4
因此,从 2020 年 9 月 15 日起,在 CSS W3C 编辑器草案中,::theme 选择器也没有出现在 CSS Shadow 部分的文档中,请参见以下内容:https://drafts.csswg.org/css-shadow-parts/
我不知道是否有人会拿起火炬并实现这个伪选择器,但我当然希望如此,因为我会看到它经常使用,至少在我的需要中。
希望这个问题和答案能帮助其他人,而不是花大量时间在这个兔子洞里:)
关于html - 如何使用 CSS::theme 选择器,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/68776375/