Share via


Pseudoclases

Las pseudoclases sirven para agregar efectos especiales a un selector específico.

Una pseudoclase se indica mediante el uso de un único signo de dos puntos seguido por el nombre de la pseudoclase.

Pseudoclases de hipervínculo

Se puede aplicar un estilo a los hipervínculos mediante hojas de estilos en cascada para que su apariencia cambie según el estado que tengan. En la siguiente tabla se indican las cuatro pseudoclases de hipervínculo admitidas más habituales:

:link

Hipervínculo que no se ha visitado

:visited

Hipervínculo que ya se ha visitado

:hover

Hipervínculo sobre el que está situado el puntero

:active

Hipervínculo que está seleccionado

Las reglas de las hojas de estilos en cascada para las pseudoclases de hipervínculo solo funcionarán correctamente cuando aparezcan en este orden.

Otras pseudoclases

Se puede aplicar un estilo a los hipervínculos mediante hojas de estilos en cascada para que su apariencia cambie según el estado que tengan. En la siguiente tabla se indican las cuatro pseudoclases de hipervínculo admitidas más habituales:

:active

Establece el estilo de un elemento cuando está activado o activo.

:checked

Aplica uno o más estilos al elemento de control de formulario que está seleccionado.

:disabled

Aplica uno o varios estilos al elemento de control de formulario que está deshabilitado.

:empty

Aplica uno o varios estilos al elemento que no tiene elementos secundarios (incluyendo los nodos de texto).

:enabled

Aplica uno o varios estilos al elemento de control de formulario que está habilitado.

:first-child

Aplica uno o más estilos a cualquier elemento que sea el primer elemento secundario del elemento primario.

:first-of-type

Aplica uno o más estilos al elemento que es el primer elemento del mismo nivel de su tipo.

:focus

Establece el estilo de un elemento cuando recibe el enfoque.

:indeterminate

Aplica uno o más estilos a los botones de opción y casillas de verificación cuyo estado de conmutación no se puede determinar; no están marcados (seleccionados) ni desmarcados (no seleccionados).

:lang

En un documento, selecciona los elementos que están en un idioma determinado.

:last-child

Aplica uno o más estilos al elemento que es el último elemento secundario de su elemento primario.

:last-of-type

Aplica uno o más estilos al elemento que es el último elemento del mismo nivel de su tipo.

:not

Aplica uno o más estilos a elementos que no coinciden con un selector simple.

:nth-child

Aplica uno o varios estilos al elemento que es el enésimo secundario de su elemento primario.

:nth-last-child

Aplica uno o más estilos al elemento que es el enésimo secundario de su elemento primario, contando desde el último.

:nth-last-of-type

Aplica uno o más estilos al elemento que es el enésimo elemento del mismo nivel de su tipo, contando desde el último.

:nth-of-type

Aplica uno o varios estilos al elemento que es el enésimo elemento del mismo nivel de su tipo.

:only-child

Aplica uno o más estilos al elemento que es el último elemento del mismo nivel de su tipo.

:only-of-type

Aplica uno o más estilos al elemento que es el único elemento del mismo nivel de su tipo.

:root

Aplica uno o más estilos al elemento que es el elemento raíz del documento.

:target

Aplica uno o más estilos al elemento de destino del Identificador uniforme de recursos (URI) al que se hace referencia.

Vea también

Conceptos

Pseudoelementos
Pseudoclases y pseudoelementos