Le CSS :: avant le contenu de la sélection s`insère avant un élément sélectionné. CSS : après le contenu des insertions après un élément spécifié. Ces sélecteurs sont couramment utilisés pour ajouter du texte avant ou après un paragraphe ou un lien.
Lors de la conception d`un site Web, vous pouvez ajouter du contenu avant ou après le contenu d`une page. élément. Par exemple, vous pouvez ajouter une image avant chaque puce d`une liste.
C`est là que : : avant et après : : les éléments pseudo-CSS entrent en jeu. Ces pseudo-éléments vous permettent d`insérer du contenu avant ou après le contenu d`un élément.
Ce didacticiel explique, à l`aide d`exemples, comment utiliser les pseudo-éléments ::before et after:: pour décorer le contenu d`une page Web. Lorsque vous aurez fini de lire ce didacticiel, vous serez un expert dans l`utilisation de :: avant et après :: pseudo-éléments en CSS.
Pseudo-éléments CSS
Un pseudo- element est un mot-clé spécial qui vous permet de styliser une partie spécifique des éléments sélectionnés par un sélecteur CSS. Dans cet article, nous appellerons les pseudo-éléments des sélecteurs car chaque pseudo-élément est un sélecteur
Les pseudo-éléments sont utiles lorsque vous souhaitez styliser un élément sans ajouter ID CSS ou classes à l`élément. Par exemple, si vous souhaitez ajouter une flèche ">" après chaque lien sur une page Web, vous pouvez utiliser un pseudo-élément.
CSS propose une large gamme de pseudo-éléments. En particulier :: première ligne, :: première lettre, :: avant et après ::. Pour les besoins de ce didacticiel, nous nous concentrerons sur les deux derniers : : : : : avant et après.
Les pseudo-éléments sont généralement représentés à l`aide de deux-points (: :). Bien que CSS3 prenne en charge l`utilisation de la syntaxe à point unique (:) pour déclarer un pseudo-élément, l`utilisation de la notation deux-points est la meilleure pratique