Índice

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.