伪元素中的“可搜索、可选择和可用”是否不一致？答案

【问题标题】：Are "searchable, selectable, and available" in the pseudo element inconsistent?伪元素中的“可搜索、可选择和可用”是否不一致？
【发布时间】：2020-02-03 05:02:32
【问题描述】：

我正在搜索 ::before/::after 伪元素并找到了这个 description ...

1.1。生成内容的可访问性

生成的内容应该是可搜索的、可选择的并且可用于辅助技术。 content 属性适用于语音，并且必须为语音输出呈现生成的内容。 [CSS3-语音]

在另一个place ...

由于它们不限于适合文档树，因此它们可用于选择文档中不一定映射到文档树结构的部分并为其设置样式。

and

像伪类一样，伪元素不会出现在或修改文档源或文档树。因此，它们也不影响结构伪类或其他与其原始元素或其树相关的选择器的解释。

对于未映射到文档且不存在的内容，确保“可搜索、可选择和可用”是否一致？如果它不在文档树中，则不应选择它。

如果内容已经在 CSSWG 中讨论（或结束），我想告诉我该主题是在哪里讨论的，以及如何实现符合当前规范的“可搜索、可选择和可用”。

或者，如果您有更好的地方讨论这个问题，请发表评论。

【问题讨论】：

你应该注意伪元素不仅是 ::before/::after 也是 ::first-line 例如
@TemaniAfif 你是对的。在这种情况下，问题与生成的内容有关，因此为了严格起见，我将焦点更改为 ::before/::after 伪元素。
“可搜索、可选择和可用”显然都不受文档树的限制。是什么让你怀疑它的一致性？
@Alohci 是否对文档树中存在的内容执行搜索、选择和其他操作？
@Alohci 相关帖子：How can I make generated content selectable?

标签： html css

【解决方案1】：

@Alohci 的 comments...

当前最先进的技术与可能的技术之间存在差异。 “可搜索和可选择”目前可能仅限于文档树，但没有根本原因需要如此。这就是您在问题开始时引用的短语的重点 - 需要将这些操作移动到渲染树上的操作。但这是一个很大的变化，还没有发生。

另一方面，它并没有那么激进。例如，您不能选择或搜索文档树中display:none 的部分，因此浏览器已经考虑了渲染树。

如果您有答案，请在此之外发布以供将来参考。

【讨论】：