Comment changer le contenu dans CSS

Dans notre fichier CSS, nous allons maintenant utiliser le :: After Selector comme «corps :: après"Et utilisez le"contenu«Propriété avec la valeur»Bonne soirée"Dans sa définition. En conséquence, le sélecteur CSS placera le texte juste après le texte écrit. Enfin, cachez le texte existant à l'aide du «afficher«Propriété et définissez sa valeur sur«aucun»:

Maintenant, enregistrez votre fichier HTML et ouvrez-le simple sur le navigateur ou utilisez «Serveur en direct"Dans le même but:

Comme vous pouvez le voir, le contenu a été modifié avec succès en utilisant le sélecteur :: After CSS:

Méthode 2: Utiliser :: Avant le sélecteur avec la propriété de contenu pour modifier le contenu dans CSS

Dans CSS, le «::avant»Le sélecteur est utilisé pour faire apparaître le contenu juste avant le contenu existant d'un élément. Il peut être utilisé en combinaison avec le «contenu»Propriété pour ajouter un nouveau contenu à l'élément sélectionné.

Exemple

Spécifiez le :: avant le sélecteur juste après le corps comme «corps :: avant". Cela placera le nouveau contenu avant le contenu existant. Notez que toutes les autres propriétés restent les mêmes que dans l'exemple précédent:

Sortir

Nous avons expliqué différentes méthodes pour modifier le contenu de CSS.

Conclusion

Pour changer le contenu, "::après" et "::avant»Les sélecteurs CSS sont utilisés avec le«contenu" propriété. Dans la première approche, le texte spécifié est ajouté après l'élément sélectionné, tandis que le deuxième sélecteur CSS fonctionne le contraire. De plus, le «afficher»La propriété peut être utilisée pour masquer le contenu existant d'un élément. C'est ainsi que le contenu est complètement modifié dans CSS. Nous avons couvert les deux méthodes de modification du contenu dans CSS.