css - attribute - ¿Cómo puedo hacer que el contenido generado sea seleccionable?

html tooltip

Question

Puedo hacer que CSS muestre el 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?

Answer 1

Los pseudo elementos no están presentes en el DOM. Así que no puedes seleccionarlos.

Answer 2

No se puede seleccionar un pseudo-elemento, 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.