::pesudo element à utiliser ?

[19ROMEO93]

bonjour

je me demandais si cela était une bonne pratique d'utiliser les pseudos éléments,
souvent j'ai tendance à les utiliser tout le temps ( cela m évite de créer de nouvelle balises HTML)
et également pour mes petites animations CSS
d'ailleurs je voulais avoir vos avis sur cette petite animation que j'ai réalisé
( elle a pour but d illustrer les balises dd dt et dl ( qu'on utilise pas assez à mon gout)

https://www.youtube.com/watch?v=l8kgsJS0HAo
matthias

[webmaster]

Bonjour

Les pseudos éléments sont indispensables pour plein de mise en forme
Je me sers très souvent de ::before pour ajouter un picto fontawesome devant un bouton.

PS : tu n'as pas un site classique sans vidéo ? Pour mon grand age, regarder des vidéos de code est un supplice.

[je-commence-demain]

Les pseudo éléments sont indispensables pour la mise en page, mais sur une page html ou css ??

[AlainPre]

Bien sûr qu'il sont utiles. Et il y en a beaucoup plus qu'on ne croit.
De toute façon ils ne sont utilisable que lorsque la balise HTML n'existe pas ou serait fastidieuse à mettre en place (:first-letter pourrait être remplacé par un <span> mais quel travail ! ::first-line ne peut pas être remplacé par une balise parce que ça dépend de la largeur de la fenêtre, etc.). Tu as une liste des pseudo-éléments ici et il y a aussi les pseudo-classes : liste des pseudo éléments.

[anais_montrose52]

ChatGPT a dit :

C’est plutôt malin d’utiliser les pseudo-éléments pour éviter de créer des balises supplémentaires, surtout pour de petites animations ou effets décoratifs.
Pour ton animation, si elle illustre clairement dd, dt et dl et reste légère, c’est exactement le genre d’usage pour lequel ils sont faits.

[anoukserrano32]

Salut
Utiliser les pseudo-éléments ::before et ::after est une bonne pratique pour éviter des balises HTML inutiles, surtout pour des décorations ou petites animations CSS. Ton idée d’illustrer dl, dt et dd avec une animation est sympa, ça rend ces balises plus visibles et compréhensibles !