::pesudo element à utiliser ?

Pour toutes les discussions sur le code client, HTML et CSS
Répondre
Avatar du membre
19ROMEO93
Messages : 12
Enregistré le : 14 août 2020, 11:40
Localisation : Gap

::pesudo element à utiliser ?

Message par 19ROMEO93 » 21 oct. 2020, 07:23

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 ;)

Avatar du membre
webmaster
Administrateur du site
Messages : 638
Enregistré le : 28 févr. 2017, 15:19

Re: ::pesudo element à utiliser ?

Message par webmaster » 21 oct. 2020, 11:16

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.
TJS : 25 ans et mon livre Tout JavaScript chez Dunod
https://www.toutjavascript.com/livre/index.php

je-commence-demain
Messages : 13
Enregistré le : 26 juin 2020, 13:03

Re: ::pesudo element à utiliser ?

Message par je-commence-demain » 07 déc. 2020, 09:45

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

AlainPre
Messages : 4
Enregistré le : 07 juin 2025, 11:48

Re: ::pesudo element à utiliser ?

Message par AlainPre » 09 nov. 2025, 09:55

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
Messages : 1
Enregistré le : 10 déc. 2025, 11:45

Re: ::pesudo element à utiliser ?

Message par anais_montrose52 » 12 déc. 2025, 12:46

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.

Répondre