¿Cómo puedo hacer que el contenido generado sea seleccionable? - css, pseudo-elemento

Puedo hacer que CSS muestre la ID de un elemento utilizando contenido generado, como este:

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

¿Cómo puedo hacer que el contenido generado ("# my-id") sea seleccionable para que el usuario pueda resaltarlo y copiarlo?

Respuestas

No puede hacer que un pseudo-elemento sea seleccionable, ya que no existe en el DOM.

5.10 Pseudo-elementos y pseudo-clases.

Ni los pseudo-elementos ni las pseudo-clases aparecen en la fuente del documento o en el árbol de documentos.

Los pseudo elementos son no Presente en el DOM. Así que no puedes seleccionarlos.