Selectors Side Panel

From FirebugWiki

(Difference between revisions)
Jump to: navigation, search
(Added Elements side panel)
m (Added sentence to the list of elements)
Line 2: Line 2:
The ''Elements'' side panel lets you try out CSS selectors and lists all matching elements on the page.
The ''Elements'' side panel lets you try out CSS selectors and lists all matching elements on the page.
Selectors can be entered via the ''Try a selector...'' field or by right-clicking a selector inside the [[CSS Panel]] and choosing ''Get Matching Elements'' from the context menu.
Selectors can be entered via the ''Try a selector...'' field or by right-clicking a selector inside the [[CSS Panel]] and choosing ''Get Matching Elements'' from the context menu.
 +
 +
Doing so will list all elements, that match the entered selector.
== Context Menu ==
== Context Menu ==
The context menu for the matching elements is the same as for the [[HTML Panel#Context Menu|HTML elements inside the ''HTML'' panel]].
The context menu for the matching elements is the same as for the [[HTML Panel#Context Menu|HTML elements inside the ''HTML'' panel]].

Revision as of 08:52, 22 February 2013

File:Elements Side Panel.png
Elements Side Panel

The Elements side panel lets you try out CSS selectors and lists all matching elements on the page. Selectors can be entered via the Try a selector... field or by right-clicking a selector inside the CSS Panel and choosing Get Matching Elements from the context menu.

Doing so will list all elements, that match the entered selector.

Context Menu

The context menu for the matching elements is the same as for the HTML elements inside the HTML panel.

Personal tools