1. :hover

Passe o mouse sobre o link abaixo:

Link com :hover

2. :first-child

Este é o primeiro parágrafo (selecionado)

Este é o segundo parágrafo

Outro exemplo de primeiro filho

3. :nth-child()

Parágrafo 1

Parágrafo 2

Parágrafo 3 (selecionado)

Parágrafo 4

1. :hover

Passe o mouse sobre o link abaixo:

Link com :hover

2. :first-child

Este é o primeiro parágrafo (selecionado)

Este é o segundo parágrafo

Outro exemplo de primeiro filho

3. :nth-child()

Parágrafo 1

Parágrafo 2

Parágrafo 3 (selecionado)

Parágrafo 4

4. :checked


5. :focus

Clique no campo para ver o :focus em ação:

6. :not()

Este parágrafo será estilizado com :not()

Este será ignorado