::)Un pseudo-élément permet de cibler une partie spécifique d'un élément ou d'en générer un virtuel. Contrairement aux pseudo-classes, il agit comme s'il ajoutait un nouvel élément dans le DOM, sans réellement le faire.
:)Une pseudo-classe permet de sélectionner un élément en fonction de son état ou de son positionnement dans le document HTML. Elle ne crée pas de nouvel élément dans le DOM, mais applique un style sous certaines conditions.
| 🔹 | Pseudo-classe (:) |
Pseudo-élément (::) |
|---|---|---|
| Agit sur | Un état ou une position | Une partie d'un élément |
| Ajoute un élément ? | ❌ Non | ✅ Oui (virtuellement) |
Nombre de : |
: (simple) |
:: (double) |
| Exemples | :hover, :focus, :nth-child() |
::before, ::after, ::first-letter |