Conceptos básicos del diseño de DivCSS: ¿Cómo definir correctamente las pseudoclases de CSS?

Autor：Eve Cole Fecha de actualización：2009-06-07 16:06:50

En el diseño de páginas web CSS, la cuestión de las pseudoclases CSS inevitablemente estará involucrada. ¿Cómo definir correctamente las pseudoclases de CSS? Aunque hay muchas introducciones relacionadas en este sitio, no está de más revisarlas. Puedes entenderlo mirando el código a continuación.

div css xhtml xml Ejemplo de código fuente

Código fuente de ejemplo [www.downcodes.com]

a.w3cbbs{decoración de texto: ninguna;}
a.w3cbbs:enlace{color:#f90;}
a.w3cbbs:hover{color:#fff;color de fondo:#FF5900;}
a.w3cbbs:activo{color:#FF5900;}

<a href="http://www.downcodes.com/" class="w3cbbs">La primera forma de escribir: Red de código fuente</a>

Código fuente de ejemplo [www.downcodes.com]

a .nav2 {color: #777;decoración de texto: ninguna;}
a: enlace .nav2 {color: #777;}
a:hover .nav2 {color: #f60;}
a:activo .nav2 {color: #f60;}

<a href="http://www.downcodes.com/">
<span class="nav2">La segunda forma de escribir: Red de código fuente</span>
</a>

Código fuente de ejemplo [www.downcodes.com]

.www52css a {decoración de texto: ninguna; color: #ccc }
.www52css a:visitado {color: #ccc;}
.www52css a:hover {color: #f60;}

<span class="wwwcódigos descendentes">
<a href="http://www.downcodes.com/">La tercera forma de escribir: Red de código fuente</a>
</span>