如何选择生成的内容？

Question

我可以让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”）可选，以便用户可以突出显示并复制它？

Answer 1

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

  

<强> 5.10 Pseudo-elements and pseudo-classes

     

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

Answer 2

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