La différence entre les pseudo-classes et les pseudo-éléments en CSS

Pseudo-classe

La pseudo-classe représente le statut du sélecteur, tel que :hover, :active, :last-child, etc. Ils commencent par deux points (:). La syntaxe de la

pseudo-classe CSS est la suivante -

:pseudo-class{ attribute: /*value*/ }

Pseudo-élément

De même, les pseudo-éléments sont utilisés pour sélectionner des éléments virtuels, tels que ::after, ::before, ::first-line, etc. .

Ceux-ci commencent par un double deux-points (::).

La syntaxe du pseudo-élément CSS est la suivante -

::pseudo-element{ attribute: /*value*/ }

Exemple

L'exemple suivant illustre les propriétés de la pseudo-classe CSS et du pseudo-élément.

Démonstration en direct

    
  
You're somebody else
 Dummy link 1 Dummy link 2  

Sortie

Cela produira les résultats suivants -

Exemple

Démonstration en direct

    
  
Anymore Snare?
 
Donec in semper diam. Morbi sollicitudin sed eros nec elementum. Praesent eget nisl vitaeneque consectetur tincidunt. Ut molestie vulputate sem, nec convallis odio molestie nec.
 
Hit
 
Pop
  

Sortie

Cela produira les résultats suivants -

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!