如何使生成的内容可选择？答案

【问题标题】：How can I make generated content selectable?如何使生成的内容可选择？
【发布时间】：2013-11-23 17:26:28
【问题描述】：

我可以让 CSS 使用生成的内容显示元素的 ID，如下所示：

<style>
h2:hover:after {
  color: grey;
  content: "#" attr(id);
  float: right;
  font-size: smaller;
  font-weight: normal;
}
</style>
<h2 id="my-id">My ID</h2>
<p>Pellentesque habitant morbi tristique senectus et netus et.</p>

如何使生成的内容（“#my-id”）可选择，以便用户可以突出显示和复制它？

【问题讨论】：

但是你可以。这是“指针事件：无；”在这里回答：stackoverflow.com/questions/21753590/…
也可以查看这个 w3c 问题：github.com/w3c/csswg-drafts/issues/2894

标签： css pseudo-element

【解决方案1】：

您不能使伪元素可选择，因为它在 DOM 中不存在。

5.10 Pseudo-elements and pseudo-classes

伪元素和伪类都不会出现在文档源或文档树中。

【讨论】：

很遗憾这是不可能的:(谢谢你的回答
然而，它们在某种意义上存在于 DOM 中，因为它们出现在浏览器的 DOM 检查器中。
对，当您在浏览器的 DOM 检查器中看到伪元素/类时，这是因为浏览器正在模拟/模拟它们的存在（即使它们在技术上那里）。旁注，我查看了您链接到的 w3c issue，我完全同意您希望能够选择它的许多用例。

【解决方案2】：

伪元素不存在于 DOM 中。所以你不能选择它们。

【讨论】：