Pseudoclases

Existen, en un documento HTML, elementos no definidos mediante etiquetas o por atributos que podrían resultar interesantes a la hora de aplicarles un efecto de estilo como, por ejemplo, un enlace visitado (atributo ausente en HTML5) o la primera letra de un párrafo.

El W3C ha introducido, para ciertos elementos no referenciados en la página, la noción de pseudoclases, en inglés pseudo-classes. Se habla así de pseudoestilo, pseudo-style, o pseudoelemento, pseudo-element.

La sintaxis de las pseudoclases es:


selector:Pseudoclase { declaración(es) de estilo }
 

Es decir, el selector, dos puntos, el nombre de la pseudoclase seguido de la declaración de estilo entre llaves.

Las pseudoclases pueden igualmente utilizarse con las clases. Su sintaxis es:


selector.clase:Pseudoclase { declaración(es) de estilo }
 

Es decir, el selector, punto, el nombre de la clase, dos puntos, el nombre de la pseudoclase seguido de la declaración de estilo entre llaves.

Igual que para las clases, las pseudoclases se definen en el interior de las etiquetas <style type="text/css"> ... </style> en el head de la página o en una hoja de estilo externa.

Si desea saber más, le proponemos el siguiente libro:
couv_RIT35HTM.png
60-signet.svg
Versión impresa
20-ecran_lettre.svg
Versión online
41-logo_abonnement.svg
En ilimitado con la suscripción ENI
130-boutique.svg
En la tienda oficial de ENI
Anterior
Selectores jerárquicos
Siguiente
Pseudoclases de enlace