Popular pseudoelementos mediante attr con CSS

Muchas veces necesitamos agregar contenido mediante pseudoelementos de manera dinamica con css.

<span data-dinamic="User: ">elBotija</span>

span:before{
  content: attr(data-dinamic);
}

Escrito el 11-11-2020