Mostrar todos los modelos de cajas a la vez adhesivo

Mostrar todos los modelos de cajas a la vez adhesivo

Cuando coloco el cursor sobre un elemento DOM en las herramientas para desarrolladores de Firefox, se muestran márgenes (amarillo) y rellenos (púrpura) en el sitio web.

¿Es posible mostrar estos cuadros para todos los elementos a la vez como adhesivos?

Respuesta1

Firefox DevTools proporciona diferentes tipos de resaltadores adhesivos y no adhesivos.

Lo que podría estar buscando es resaltar todos los elementos que coinciden con un selector CSS específico, que se puede alternar mediante el ícono de "objetivo" al lado de cada selector dentro delNormaspanel lateral del Inspector:

Resaltador para todos los elementos que coinciden con un selector CSS específico

información relacionada