views:

211

answers:

2

To edit CSS, I have to inspect elements in Firebug and then make changes in the Firefox Web Developer toolbar so that I can save the changes out to a separate CSS file.

It would be nice if I could forget about Firebug and just use a single tool. Does the Web Developer toolbar have an "Inspect Element" option? I can't seem to find one.

What this feature does is lets you hover your mouse over structural elements and inspect the associated CSS.

+3  A: 

Try Information -> Display Element Information (Ctrl-Shift-F).

Dominic Rodger
Exactly what I was looking for! Thanks!
Joe O'Driscoll
thanks, been using firebug and never thought to find an alternative!
Ralph Willgoss
+2  A: 

With CSS > Edit CSS you can also edit the css and preview changes live.

ChrisR