Bases de la mise en page DivCSS : Comment définir correctement les pseudo-classes CSS ?

Auteur：Eve Cole Date de mise à jour：2009-06-07 16:06:50

Dans la mise en page des pages Web CSS, la question des pseudo-classes CSS sera inévitablement impliquée. Comment définir correctement les pseudo-classes CSS ? Bien qu'il existe de nombreuses introductions connexes sur ce site, cela ne fait pas de mal de les consulter. Vous pouvez le comprendre en regardant le code ci-dessous.

div css xhtml xml Exemple de code source

Exemple de code source [www.downcodes.com]

a.w3cbbs{text-decoration:none;}
a.w3cbbs:lien{couleur:#f90;}
a.w3cbbs:hover{color:#fff;background-color:#FF5900;}
a.w3cbbs:actif{couleur:#FF5900;}

<a href="http://www.downcodes.com/" class="w3cbbs">La première façon d'écrire - Source Code Network</a>

Exemple de code source [www.downcodes.com]

un .nav2 {couleur : #777 ; décoration de texte : aucun ;}
a: lien .nav2 {couleur : #777 ;}
a: survol .nav2 {couleur : #f60 ;}
a:actif .nav2 {couleur : #f60;}

<a href="http://www.downcodes.com/">
<span class="nav2">La deuxième façon d'écrire - Source Code Network</span>
</a>

Exemple de code source [www.downcodes.com]

.www52css a {text-decoration : none;color : #ccc }
.www52css a:visité {couleur : #ccc;}
.www52css a:hover {couleur : #f60;}

<span class="wwwdowncodes">
<a href="http://www.downcodes.com/">La troisième façon d'écrire - Source Code Network</a>
</span>