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

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

 h2:hover:after { color: grey; content: "#" attr(id); float: right; font-size: smaller; font-weight: normal; }  

My ID

Pellentesque habitant morbi tristique senectus et netus et.

¿Cómo puedo seleccionar el contenido generado (“# my-id”) para que el usuario pueda resaltarlo y copiarlo?

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 el árbol fuente o documento del documento.

Los pseudoelementos no están presentes en el DOM. Entonces no puedes seleccionarlos.