Trying to find DOM elements matched by a CSS selector using firebug

Question

Is it possible to enter a CSS selector into firebug and for it to highlight the corresponding element(s)? Thanks

Have you tried simple "find"? In win, with page source focused in Firebug Ctrl+f brings up the search dialog. Enter your CSS class, search. Lather..rinse..repeat. — Madbreaks, Jun 11 '13 at 17:27

waldol1 · Answer 1 · 2013-06-11T17:42:47.363

2

Yes. Go to the CSS panel in Firebug. On the right hand side, there is a console that lets you try selectors. It will prompt you with "Try a selector....". It displays all matches in the right hand window and lets you highlight them on hover.

link to firebug wiki: https://getfirebug.com/wiki/index.php/Elements_Side_Panel

edited Jun 11 '13 at 17:42

answered Jun 11 '13 at 17:28

waldol1

1,841
2
18
22

I can't see this on CSS panel. do I have to enable it? Can I see in the middle of debugging JavaScript? – More Than Five Jun 11 '13 at 17:37
I'm using firebug 1.11.4, what version are you using? – waldol1 Jun 11 '13 at 17:40

score 1 · Answer 2 · edited May 23 '17 at 11:50

1

The search box in Firebug aka Firefox Inspector (Ctrl+F or Cmd+F), as suggested by Madbreaks in the question comments, really works with any complex CSS selection! It says "Search HTML" on the UI, which is a bit misleading, but matches CSS selectors, it's not just a simple text search.

Firefox Inspector CSS selection

Tested on FF v33.0

edited May 23 '17 at 11:50

Community

1
1

answered Oct 24 '14 at 08:41

Peterino

15,097
3
28
29

Trying to find DOM elements matched by a CSS selector using firebug

2 Answers2