Que sont les pseudo-classes CSS

Les pseudo-classes CSS sont utilisées pour ajouter des effets spéciaux aux sélecteurs. Elles sont utilisées pour ajouter des styles correspondants aux éléments existants lorsqu'ils sont dans un certain état. Cet état change dynamiquement en fonction du comportement de l'utilisateur.

L'environnement d'exploitation de cet article : système Windows 7, version HTML5&&CSS3, ordinateur Dell G3.

Par exemple : lorsque l'utilisateur survole un élément spécifié, vous pouvez utiliser :hover pour décrire l'état de cet élément. Bien qu'il soit similaire au CSS général et puisse ajouter des styles aux éléments existants, il est similaire au CSS général. ne peut être que dans Les styles ne peuvent être ajoutés aux éléments que lorsque l'arborescence DOM ne peut pas les décrire, c'est pourquoi ils sont appelés pseudo-classes.

On a l'impression que les pseudo-classes peuvent être dynamiques et qu'un élément peut gagner ou perdre une pseudo-classe lorsque l'utilisateur interagit avec le document. Les exceptions sont ":first-child" qui peut être déduit de l'arborescence du document, et ":lang" qui est également déduit de l'arborescence du document dans certains cas.

On voit que sa fonction est quelque peu similaire à celle de la classe, mais elle est basée sur une abstraction en dehors du document, c'est pourquoi on l'appelle une pseudo-classe.

Les pseudo-classes incluent : :first-child, :link:, visitited, :hover:, :active, :focus, :lang, :right, :left, :first

Qu'est-ce que La pseudo-classe ?

est une classe intégrée en CSS. CSS lui-même lui donne certaines fonctionnalités et fonctions, c'est-à-dire que vous n'avez pas besoin de class=... ou id=..., vous pouvez l'utiliser. Bien sûr, vous pouvez également modifier certains de ses attributs, tels que : a:link{color:#FF0000;}

De nombreuses suggestions CSS ne sont pas prises en charge par les navigateurs, mais il existe quatre pseudo. -classes qui peuvent être utilisées en toute sécurité sur les hyperliens.

•  : le lien est utilisé pour les connexions non visitées.

• : visité est utilisé sur les connexions déjà visitées.

•  : actif est utilisé pour les connexions qui ont reçu le focus (par exemple, sur lesquelles on a cliqué).

• :hover est utilisé pour la connexion sur laquelle le curseur de la souris est placé.

[Apprentissage recommandé : Tutoriel vidéo CSS]

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!