html - 如何使用 CSS::theme 选择器

标签 html css web-component shadow-dom

我开始制作一个 HTML/CSS/Vanilla JS web 组件库,到目前为止一切都很顺利。
我使用典型的::part 和所有这些,但我偶然发现了 accros::theme 选择器,它应该可以快速访问样式,而无需创建者进行更多设置。
问题是,我 - 无论我尝试过什么 - 似乎都无法让::theme 选择器工作,有没有人可以帮助我?
屏幕转储来自 https://meowni.ca/posts/part-theme-explainer/ ,尝试遵循但我不知道这个选择器是否仍然是实验性的?,如果它有效,它真的会让我的组件样式变得更容易!
this screen is from following link that talks about it

最佳答案

遗憾的是::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/

相关文章:

html - 菜单 - 将文本中间与底部对齐的边框对齐

javascript - 是否可以上传并直接使用 HTML 显示图像

php - 在 slider 图像上溢出隐藏边框

html - 我似乎无法显示背景图像。背景图像出现一瞬间但随后崩溃 'failed to execute CreateElement'

vue.js - 如何在 vue js web 组件中正确使用插槽并应用样式

polymer - 焦点和模糊事件的事件重定向

html - 您在编写网页时使用哪种文档类型?

html - 如何将我的图像居中对齐到 div 中?

jquery - 滚动条 : Output looks different although I use the same code as the example

html - 如何获取 <script type ="module"> 中的 document.currentScript.ownerDocument?