如何使用 CSS ::主题选择器
how to use the CSS ::theme selector
我开始制作 HTML/CSS/Vanilla JS 网络组件库,到目前为止一切都很顺利。
我使用的是典型的 ::part 等等,但我也偶然发现了 accros ::theme 选择器,它应该可以让创作者快速访问样式,而无需设置超过必要的内容。
问题是,我 - 无论我尝试了什么 - 似乎都无法让 ::theme 选择器工作,有没有人可以帮助我?
screendump 来自 https://meowni.ca/posts/part-theme-explainer/,尝试了以下,但我不知道这个选择器是否仍处于实验阶段?如果它有效,它真的会让我的组件的样式设计变得更容易!
遗憾的是 ::theme 选择器没有成功
经过大量挖掘,我发现 ::theme 选择器是一个未实现的提案
尽管在底部的“另见”下提到了 https://developer.mozilla.org/en-US/docs/Web/CSS/::part。
然后我发现这个解释器问题已关闭,确认 ::theme 没有成功 https://github.com/fergald/docs/issues/4
因此,从 2020 年 9 月 15 日起的 CSS W3C 编辑草案,::theme 选择器也不在 CSS 影子部分的文档中,见下文:
https://drafts.csswg.org/css-shadow-parts/
我不知道是否有人会拿起手电筒并实现这个伪选择器,但我确实希望如此,因为我会看到它经常被使用,至少在我的需要中。
希望这个问题和答案能帮助其他人,而不是花费大量时间在这个兔子洞里:)
我开始制作 HTML/CSS/Vanilla JS 网络组件库,到目前为止一切都很顺利。 我使用的是典型的 ::part 等等,但我也偶然发现了 accros ::theme 选择器,它应该可以让创作者快速访问样式,而无需设置超过必要的内容。
问题是,我 - 无论我尝试了什么 - 似乎都无法让 ::theme 选择器工作,有没有人可以帮助我?
screendump 来自 https://meowni.ca/posts/part-theme-explainer/,尝试了以下,但我不知道这个选择器是否仍处于实验阶段?如果它有效,它真的会让我的组件的样式设计变得更容易!
遗憾的是 ::theme 选择器没有成功
经过大量挖掘,我发现 ::theme 选择器是一个未实现的提案
尽管在底部的“另见”下提到了 https://developer.mozilla.org/en-US/docs/Web/CSS/::part。
然后我发现这个解释器问题已关闭,确认 ::theme 没有成功 https://github.com/fergald/docs/issues/4
因此,从 2020 年 9 月 15 日起的 CSS W3C 编辑草案,::theme 选择器也不在 CSS 影子部分的文档中,见下文:
https://drafts.csswg.org/css-shadow-parts/
我不知道是否有人会拿起手电筒并实现这个伪选择器,但我确实希望如此,因为我会看到它经常被使用,至少在我的需要中。
希望这个问题和答案能帮助其他人,而不是花费大量时间在这个兔子洞里:)