La propriété CSS `content` peut-elle injecter du HTML ?

Propriété de contenu CSS : peut-il injecter du HTML ?

La propriété de contenu CSS, utilisée avec les pseudo-éléments :before et :after, permet l'insertion de contenu avant ou après un élément. Cependant, de nombreux développeurs se demandent s'il est possible d'insérer du code HTML dans le contenu au lieu d'un simple texte.

Question d'injection HTML

Une question courante se pose :

Can you make the CSS content property insert HTML code instead of text, like this:

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

Réponse : Pas d'injection HTML

Malheureusement, selon la spécification CSS, cela n'est pas réalisable. La spécification indique :

"Le contenu généré ne modifie pas l'arborescence du document. En particulier, il n'est pas renvoyé au processeur de langage du document (par exemple, pour l'analyse)."

Cela signifie que les valeurs de chaîne utilisées avec la propriété content sont traitées littéralement. Ils ne sont jamais interprétés comme du balisage, quel que soit le langage du document utilisé.

Exemple

Considérez ce qui suit :

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!