Quel est le principe de la pseudo-classe CSS

Le principe des pseudo-classes CSS signifie que les pseudo-classes classent les éléments en fonction de caractéristiques, plutôt que de leurs noms, attributs ou contenus. En principe, les caractéristiques ne peuvent pas être déduites de l'arborescence du document. peut être dynamique et un élément peut gagner ou perdre une pseudo-classe lorsque l'utilisateur interagit avec le document.

L'environnement d'exploitation de ce tutoriel : Système Windows 7, version CSS3, cette méthode convient à toutes les marques d'ordinateurs.

Recommandé : "Tutoriel vidéo CSS"

Quel est le principe des pseudo-classes CSS ?

Explication : Les pseudo-classes classent les éléments en fonction de leurs caractéristiques plutôt que de leurs noms, attributs ou contenus

En principe, les caractéristiques ne peuvent pas être déduites de l'arborescence des documents Got ; Les pseudo-classes peuvent sembler dynamiques et 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.

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

Que sont les pseudo-classes ?

Cela signifie que CSS lui-même lui donne certaines caractéristiques et fonctions, c'est-à-dire que vous n'avez pas besoin de class=... ou id=..., vous pouvez l'utiliser directement, et bien sûr vous pouvez également le modifier. Certains 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 pour les connexions qui peuvent être utilisées en toute sécurité. . Ils sont respectivement lien, visité, survolé et actif.

a:link{color:#000000;} /*设置 a 对象在未被访问前的样式。*/
a:hover{color:#000000;} /*设置对象在其鼠标悬停时的样式。*/
a:active{color:#000000;} /*设置对象在被用户激活(在鼠标点击与释放之间发生的事件)时的样式。*/
a:visited{color:#000000;} /*设置 a 对象在其链接地址已被访问过时的样式。*/

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!