Pseudo-classes

Usado para selecionar elementos com base em um estado

Identificado por :palavra-chave


Pseudo-classe - :hover

Usado para selecionar elementos quando o usuário passa o mouse por cima.

Exemplo:


Pseudo-classe - :active

Usado para selecionar elementos quando o usuário clica no elemento.

Exemplo: [clique aqui!]

Site: jocile.com

Pseudo-classe - :focus, :focus-within e :focus-visible

Usado para selecionar elementos quando o usuário seleciona o elemento, ou usa a tecla "tab".

Exemplo:

Faça seu pedido! Escolha o sabor do sorvete:


Pseudo-classe- :target

Usado para selecionar elementos quando o usuário clica no elemento.

Exemplo:

Tabela de conteúdo

  1. Pular para a pseudo-classe hover.
  2. Pular para a pseudo-classe active.
  3. Este link não leva a lugar nenhum!

Pseudo-classe :enable e :disable

Usado para selecionar elementos quando o usuário clica no elemento.

Exemplo:


Pseudo-classe :link

Usado para customizar links.

Exemplo:

Site: jocile.com

Pseudo-classe :visited

Usado para customizar links já clicados.

Exemplo:

Site: jocile.com