CSS contenu de la propriété: est-il possible d'insérer du code HTML au lieu du Texte?

Question

Je me demandais si il est possible de faire le CSS content propriété insérer du code html au lieu de ficelle :before ou :after pour un élément comme:

.header:before{
  content: '<a href="#top">Back</a>';
}

ce serait tout à fait à portée de main...Il pourrait être fait à l'aide de Javascript, mais en utilisant le css pour ce serait vraiment rendre la vie plus facile :)

Answer 1

Malheureusement, ce n'est pas possible. Par la spec:

Le contenu généré ne modifie pas l'arborescence du document. En particulier, il n'est pas réinjecté dans la langue du document de processeur (par exemple, pour ré -).

En d'autres termes, pour les valeurs de chaîne cela signifie que la valeur est toujours traités littéralement. Il n'est jamais interprétée comme une balise.

Par exemple, en utilisant le CSS avec le code HTML suivant:

<h1 class="header">Title</h1>

... entraînera la sortie suivante:

<a href="#top">Retour</a>Titre