08/01/2017

PseudoclassesCSS|MDN

Pseudo-classes
Uma pseudo-classe CSS uma palavra-chave adicionada a seletores que especica um estado especial do
elemento selecionado. Por exemplo :hover ser aplicado um estilo quando o usurio passar o cursor sobre
o elemento especicado pelo seletor.
Pseudo-classes, junto com pseudoelements, permitem que voc aplique um estilo a um elemento no
apenas em relao ao contedo da rvore do documento, mas tambm a fatores externos como o histrico
de navegao (:visited, por exemplo), o estado do seu contedo (como :checked em algum elemento de
um formulrio), ou a posio do mouse (como :hover permite que voc saiba se o mouse est sobre um
elemento ou no).

Sintaxe
seletor:pseudoclasse{
propriedade:valor;
}

ndice de pseudo-classes padro

:active

:lang()

:checked

:lastchild

:default

:lastoftype

:dir()

:left

:disabled

:link

:empty

:not()

:enabled

:nthchild()

:first

:nthlastchild()

:firstchild

:nthlastoftype()

:firstoftype

:nthoftype()

:fullscreen

:onlychild

:focus

:onlyoftype

:hover

:optional

:indeterminate

:outofrange

:inrange

:readonly

:invalid
https://developer.mozilla.org/ptBR/docs/Web/CSS/Pseudoclasses

1/6

08/01/2017

PseudoclassesCSS|MDN

:readwrite

:target

:required

:valid

:right

:visited

:root
:scope

Especicaes
Especicao

Status

Comentrio

Fullscreen
API

Living
Standard

Dene :fullscreen.

Living
Standard

Nenhuma mudana de HTML5.

WHATWG

HTML Living
Standard

LS

LS

Dene :anylink, :locallink, :scope, :activedroptarget,

:validdroptarget, :invaliddroptarget, :current, :past,
:future, :placeholdershown, :usererror, :blank, :nthmatch(),
Selectors
Level4

WD

Working

Draft

:nthlastmatch(), :nthcolumn(), :nthlastcolumn(), e

:matches().
Nenhuma mudana signicante das pseudo-classes denidas em
Selectors Level3 e HTML5 (embora o signicado semntico que no
foram retomadas).
Dene o siginicado semntico no contexto do HTML :link,

HTML5

:visited, :active, :enabled, :disabled, :checked, e

RE C

Recommendation

:indeterminate.
Dene :default, :valid, :invalid, :inrange, :outofrange,
:required, :optional, :readonly, :readwrite, e :dir().

CSS Basic
User
Interface
Module

WD

Working

Draft

Dene :default, :valid, :invalid, :inrange, :outofrange,

:required, :optional, :readonly, e :readwrite, mas sem associar
signicado semntico.

Level3
Dene :target, :root, :nthchild(), :nthlastofchild(), :nth
oftype(), :nthlastoftype(), :lastchild, :firstoftype,
Selectors
Level3

RE C

Recommendation

:lastoftype, :onlychild, :onlyoftype, :empty, e :not().

Denife a sintaxe de :enabled, :disabled, :checked, e
:indeterminate, mas sem o signicado semntico associado.
Nenhuma mudana signicativa, para as pseudo-classes denidas em

CSS Level2
(Revision1)

RE C

Recommendation

CSS Level2 (Revision1).

Dene :lang(), :firstchild, :hover, e :focus.

Nenhuma mudana signicativa, para as pseudo-classes denidas em
CSS Level1.

https://developer.mozilla.org/ptBR/docs/Web/CSS/Pseudoclasses

2/6

08/01/2017

Especicao

CSS Level1

PseudoclassesCSS|MDN

Status
RE C

Recommendation

Comentrio
Dene :link, :visited, e :active, mas sem o signicado semntico
associado.

Veja tambm
pseudoelements

https://developer.mozilla.org/ptBR/docs/Web/CSS/Pseudoclasses

3/6