$cat~/glossario/pseudo-class.md

Pseudo-classe

CSS

Seletor de estado como :hover, :focus ou :nth-child.

pseudo-class.mdmarkdown
01

seção

Explicação

Pseudo-classe — Seletor de estado como :hover, :focus ou :nth-child.

:hover :focus-visible :nth-child(odd) :not() — estado estrutural elemento.

Focus-visible keyboard a11y not mouse only.

02

seção

Exemplo

snippetcss
button:focus-visible {  outline: 2px solid var(--accent);}
03

seção

Modo de uso

  • Interactive states

  • Striped tables

  • Exclude disabled :not([disabled])

04

seção

Armadilhas comuns

  • :focus outline remove without replacement

  • :nth confusion 1-based

05

seção

Termos relacionados