Este articulo necesita una revisión editorial. Cómo puedes ayudar.
Esta traducción está incompleta. Por favor, ayuda a traducir este artículo del inglés.
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.
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).
Sintaxis
selector:pseudoclase {
propiedad: valor;
}
Indice de las pseudo-clases estándar
:active:checked:default:dir():disabled:empty:enabled:first:first-child:first-of-type:fullscreen:focus:hover:indeterminate:in-range:invalid:lang():last-child:last-of-type:left:link:not():nth-child():nth-last-child():nth-last-of-type():nth-of-type():only-child:only-of-type:optional:out-of-range:read-only:read-write:required:right:root:scope:target:valid:visited
Especificaciones
| Especificación | Estado | Comentario |
|---|---|---|
| Fullscreen API | Living Standard | Definido :fullscreen. |
| WHATWG 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 | Candidate 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, and :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, and :active, pero sin el significado semántico asociado. |