Una pseudoclase CSS es una palabra clave que se añade a los selectores y que especifica un estado especial del elemento seleccionado. Por ejemplo,  :hover aplicará un estilo cuando el usuario haga hover sobre el elemento especificado por el selector.

div:hover {
  background-color: #F89B4D;
}

Las pseudoclase, junto con los pseudoelementos, permiten aplicar un estilo a un elemento no sólo en relación con el contenido del árbol de documento, sino también en relación a factores externos como el historial del navegador (:visited, por ejemplo), el estado de su contenido (como :checked en algunos elementos de formulario), o la posición del ratón (como :hover que permite saber si el ratón está encima de un elemento o no).

Nota: En lugar de usar pseudoclases, pseudo-elements puede usarse para dar estilo a una parte específica de un elemento.

Sintaxis

selector:pseudoclase { propiedad: valor; } 

Al igual que las clases, se pueden concatenar la cantidad de pseudoclases que se deseen en un selector.

Indice de las pseudo-clases estándar

Especificaciones

Especificación Estado Comentario
Fullscreen API Living Standard Definido :fullscreen.
HTML Living Standard Living Standard Ningún cambio desde HTML5.
Selectors Level 4 Working Draft Definido :any-link, :local-link, :scope, :active-drop-target, :valid-drop-target, :invalid-drop-target, :current, :past, :future, :placeholder-shown, :user-error, :blank, :nth-match(), :nth-last-match(), :nth-column(), :nth-last-column(), and :matches().
Ningún cambio significativo para las pseudo-clases difinidas en Selectors Level 3 y en HTML5 (Aunque el significado semántico no fuera absorbido).
HTML5 Recommendation Define el significado semántico en el contexto HTML de :link, :visited, :active, :enabled, :disabled, :checked, and :indeterminate.
Definido :default, :valid, :invalid, :in-range, :out-of-range, :required, :optional, :read-only, :read-write, y :dir().
CSS Basic User Interface Module Level 3 Recommendation Definido :default, :valid, :invalid, :in-range, :out-of-range, :required, :optional, :read-only, y :read-write, pero sin el significado semántico asociado.
Selectors Level 3 Recommendation Definido :target, :root, :nth-child(), :nth-last-of-child(), :nth-of-type(), :nth-last-of-type(), :last-child, :first-of-type, :last-of-type, :only-child, :only-of-type, :empty, y :not().
Define la sintaxis de :enabled, :disabled, :checked, y :indeterminate, pero sin el significado semántico asociado.
Ningún cambio significativo para las pseudo-clases difinidas en CSS Level 2 (Revision 1).
CSS Level 2 (Revision 1) Recommendation Definido :lang(), :first-child, :hover, y :focus.
Ningún cambio significativo para las pseudo-clases difinidas en CSS Level 1.
CSS Level 1 Recommendation Definido :link, :visited, y :active, pero sin el significado semántico asociado.

 

Etiquetas y colaboradores del documento

Colaboradores en esta página: MrEscape54, MrCoffey, alkaithil, viro
Última actualización por: MrEscape54,