Clases y Pseudoclases

Cuando vamos a aplicar estilos a los documentos HTML lo podemos realizar tanto a nivel de tags HTML como a nivel de clases. Ambos son equivalente con la diferencia de que los tags HTML ya están predefinidos en el lenguaje con su sintaxis y sus estilos por defecto y las clases son los nuevos tipos de estilos que vamos a aplicar a las clases HTML ya existentes. Definir estilos es más flexible que actuar directamente sobre el tag HTML. Nos pemite aplicarlo cuando es necesario sin preocuparnos de otras hojas de estilos que sobrescriban dicho estilo. Las clases, por tanto, nos posibilitan la reutilización de estilos en varios elementos HTML.
Las subclases son aquellas definiciones de los tags HTML o bien de las clases, que indican un conjunto extendido de funcionalidades del tag HTML / clase. Son referencias a etiquetas de estilo específicas del tag HTML. Veamos el Código fuente 42,por ejemplo.
A:link,A:visited,A:active {text-decoration:none}
Código fuente 42


La sintaxis de la definición de clases y subclases es:
etiqueta:pseudoclase {propiedad1:valor;...;propiedadN:valor}
Lo cual nos permitirá aprovechar al máximo para cada elemento el conjunto de “subestilos” que estén
programados en el estándar. De echo, este tipo de aproximación es utilizado para implementar los
estilos en lo hipervínculos.
Una de las pseudoclases que más juego dan a los estilos es la capacidad que tienen los hipervínculos
de saber cuándo se coloca el ratón sobre ellos, momento en el que podemos aprovechar para modificar
el estilo y crear efectos gráficos que hacen más dinámico aún este tipo de elementos HTML. Un
ejemplo aparece en el Código fuente 43.
<STYLE>
A:link,A:visited,A:active {color:blue}
A:hover {color:red}
</STYLE>
Código fuente 43