如何选择生成的内容？

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伪元素和伪类

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

Answer 2

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