Un elemento seleccionado es el elemento de la página en la que el Inspector está actualmente enfocado. El elemento seleccionado se ve en el panel HTML y su CSS en el panel CSS.

Un elemento destacado es el elemento que se dibuja sobre la página con una representación gráfica del modelo de caja, y un tooltip que contiene su etiqueta y tamaño:

Con el menú contextual

Para abrir el Inspector Selecciona un elemento en la página,y haz clic derecho para que el menú contextual aparezca sobre el elemento de la página. Selecciona "Inspeccionar elemento" y Se abrirá el Inspector inmediatamente.

Con el panel HTML

Si tienes el inspector abierto, al mover el ratón sobre de los elementos listados en el panel HTML, verás que en la página se destacan los elementos correspondientes. Haz clic en un elemento del panel HTML para seleccionarlo:/p>

También puedes utilizar las teclas de flecha para desplazarte por el DOM con el teclado: flecha derecha para expandir un elemento y acceder a los elementos descendientes;
flecha izquierda para contraer un elemento o subir al elemento ascendente;
flecha arriba para recorrer hacia arriba las líneas del panel HTML
flecha abajo para recorrer hacia abajo las líneas del panel HTML.

Con el boton seccionar elemento

Para seleccionar un elemento en la propia página, activa el "selector de elementos" haciendo clic en su icono (también llamado Selector de nodos o Node picker). Entonces segun muevas el ratón en la página, se destacará el elemento que esté bajo ratón. Haz clic en el elemento para seleccionarlo:

A partir de Firefox 52, si pulsas Shift + Click en un elemento seleccionas el elemento permitiendo que el selector de elementos permanezca activo. Así es posible ver las reglas del elemento en el panel CSS y al mismo tiempo no impide que puedas seleccionar otro elemento en la página .

Etiquetas y colaboradores del documento

Colaboradores en esta página: amaiafilo
Última actualización por: amaiafilo,