Как я могу сделать сгенерированный контент доступным?

Я могу показать CSS для элемента с помощью сгенерированного контента, например:

<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>

Как я могу сделать этот сгенерированный контент ( "# мой-id" ) доступным, чтобы пользователь мог выделить и скопировать его?

Ответ 1

Вы не можете выбрать псевдоэлемент, поскольку он не существует в DOM.

5.10 Псевдоэлементы и псевдоклассы

Ни псевдо псевдонимы, ни псевдоклассы не появляются в источнике документа или дереве документов.

Ответ 2

Псевдоэлементы не присутствуют в DOM. Поэтому вы не можете выбрать их.