Sobes.tech
Junior

Que pseudo-classes CSS conhece?

sobes.tech IA

Resposta da IA

  • :hover : Aplica-se a um elemento quando o ponteiro do rato está sobre ele.
  • :active : Aplica-se a um elemento quando está ativado pelo utilizador (por exemplo, ao pressionar um botão).
  • :focus : Aplica-se a um elemento quando recebe o foco (por exemplo, através de tabulação ou clique).
  • :visited : Aplica-se a um link que o utilizador já visitou.
  • :link : Aplica-se a um link que o utilizador ainda não visitou.
  • :first-child : Seleciona o primeiro elemento entre os seus irmãos.
  • :last-child : Seleciona o último elemento entre os seus irmãos.
  • :nth-child(n) : Seleciona o enésimo elemento entre os seus irmãos. n pode ser um número, odd, even ou uma fórmula (por exemplo, 2n+1).
  • :not(selector) : Seleciona elementos que não correspondem ao seletor especificado.
  • :root : Aplica-se ao elemento raiz do documento (<html>).
  • :empty : Seleciona elementos que não têm elementos filhos nem conteúdo de texto.
  • :target : Aplica-se a um elemento cujo identificador coincide com o fragmento de URL (parte após #).
  • :checked : Aplica-se a elementos de formulário selecionados (por exemplo, caixas de verificação, botões de rádio).
  • :disabled : Aplica-se a elementos de formulário que estão desativados.
  • :enabled : Aplica-se a elementos de formulário que estão ativados.
  • :read-only : Aplica-se a elementos de formulário que são apenas leitura.
  • :read-write : Aplica-se a elementos de formulário que são editáveis.
  • :lang(language) : Seleciona elementos com o atributo lang especificado.
  • ::before : Cria um pseudo-elemento antes do conteúdo do elemento selecionado.
  • ::after : Cria um pseudo-elemento após o conteúdo do elemento selecionado.
  • ::first-letter : Seleciona a primeira letra de uma linha de um elemento de bloco.
  • ::first-line : Seleciona a primeira linha de um elemento de bloco.
  • ::selection : Aplica-se à parte do elemento que foi destacada pelo utilizador.