Quando passo o mouse sobre um elemento DOM nas Ferramentas do 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?
Responder1
O Firefox DevTools fornece diferentes tipos de marcadores aderentes e não aderentes.
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 "destino" ao lado de cada seletor dentro doRegraspainel lateral do Inspetor:
