views:

39

answers:

2

Is there a firefox addon or is there a way to use firebug such that you can select some text on the website and it will tell you what styles are being used for that bit of text?

At the moment if I select a bit of text that is styled using css imported from elsewhere I would have to go digging manually to find out what style is being used. Is there an easier way?

+6  A: 

Both FireBug and Web Developer addons can be used for this.

Jarrett Meyer
Firebug is definitely enough already :D
thephpdeveloper
Firebug is the only answer.
Stefan Kendall
+2  A: 

Just right click it in Firebug, choose HTML, and in the right pane, select Style>Show User Agent CSS. This will show a list of CSS rules that are being applied on the selected element.

Mark Snidovich
oops, that style pane was squashed up to the right on my screen and I totally missed it. Thanks.
digiarnie