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 aux CSS définis. 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 les CSS en ligne ne peuvent 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, reportez-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.