Como acionar pseudoclasses

Acionamento de pseudoclasses no DevTools.

As pseudoclasses em elementos podem ser acionadas para investigar como um elemento pode reagir se o cursor passar o cursor sobre ele. Você pode clicar com o botão direito do mouse em um nó no painel Elementos e selecionar Forçar estado do elemento. Outra opção é clicar no ícone Alternar estado do elemento no subpainel Estilos.

Quando um elemento tem algum tipo de estado aplicado, você tem um pequeno indicador visual à esquerda da tag de abertura dos nós e, em alguns casos, a tag de fechamento também (se estiverem distantes).

Podemos acionar: ativo, foco, passar o cursor e pseudoclasses visitadas.