CSSWG-Drafts：解析`::slotted()`与元素型伪元素的组合规则

在CSS规范的发展过程中，::slotted()伪元素与元素型伪元素（如::details-content）的组合使用引发了技术讨论。本文将深入分析这一语法组合的规范定义与实现逻辑。

元素型伪元素是指那些直接关联到特定HTML元素的伪元素，它们不同于传统的树型伪元素。CSS Scoping模块最初规定::slotted()后只能跟随树型伪元素，这导致::slotted(*)::details-content这样的组合在技术上不被允许。

规范历史记录显示，早期版本曾隐含地将所有元素型伪元素归类为树型伪元素的子集，但在后续编辑中这一关键说明被意外移除。这种编辑疏漏造成了规范与实际浏览器行为之间的差异。

值得注意的是，::file-selector-button伪元素从树型变更为元素型的调整也带来了类似的影响。这种变更使得原本合法的::slotted(*)::file-selector-button组合在规范层面失去了明确支持。

技术专家建议，应当恢复规范中关于元素型伪元素自动继承树型伪元素特性的说明。这种调整不仅能保持规范的逻辑一致性，也能更好地反映现代浏览器的实际实现行为。

这一问题的解决对于Web组件开发具有重要意义，它确保了开发者可以灵活地组合使用各种伪元素选择器，同时保持规范的严谨性和可预测性。