Mostre todos os modelos de caixa de uma só vez [fechado]

Question

Quando eu passo o mouse sobre um elemento DOM nas Ferramentas de Desenvolvedor do Firefox, as margens (amarelo) e os preenchimentos (roxo) são exibidos no site.

É possível mostrar essas caixas para todos os elementos de uma só vez?

    

Answer 1

O Firefox DevTools fornece diferentes tipos de marcadores fixos e não-pegajosos.

O que você pode estar procurando é destacar todos os elementos que correspondem a um seletor CSS específico, que pode ser alternado através do ícone "alvo" além de cada seletor dentro do painel lateral Regras do Inspetor: