Le style CSS en ligne peut-il :: avant et :: après les pseudo-éléments ?

Le CSS en ligne peut-il utiliser ::before et ::after les pseudo-éléments ?

Demander si le CSS en ligne permet le déploiement de ::before et :: après les pseudo-éléments est une question valable. Cet article approfondit les détails de la réponse à cette requête.

CSS en ligne et pseudo-éléments

Le CSS en ligne, résidant directement dans les éléments HTML, offre une alternative au CSS défini dans une feuille de style externe. Bien que le CSS en ligne remplisse son objectif, une limitation apparaît lors de l'examen des pseudo-éléments.

Les pseudo-éléments, :before et :after, font partie intégrante du CSS, facilitant l'insertion de contenu avant ou après un élément donné. Cependant, ces pseudo-éléments nécessitent des déclarations de feuilles de style, car le CSS en ligne ne peut pas les cibler directement.

Implémentation de pseudo-éléments avec des feuilles de style

Pour illustrer l'implémentation de ::before et ::after avec les feuilles de style, référez-vous à l'exemple suivant :

td { 
    text-align: justify;
}
td::after { 
    content: "";
    display: inline-block;
    width: 100%;
}

Dans cet exemple, la propriété CSS en ligne text-align: justifier garantit le texte justifié dans l'élément td. Simultanément, le pseudo-élément ::after, défini dans la feuille de style, injecte une chaîne vide, en utilisant un bloc en ligne qui s'étend sur toute la largeur de l'élément td.

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!