Tracking HTML and an External CSS Style Sheet

[AnnHalloran]

Hi
I have inherited a messy CSS style sheet, and it is very hard to know what css elements control what pieces of html text on my website. I have 75 pages so it is quite complex.
Is there any tool which shows the css element that is controlling a piece of html text? I am not a web designer so I need something straightforward. Also is there a way to clean up the style sheet without it making my site unstable?

Thanks for your help!

Ann

 

[php.allstar]

Hi, the best tool I've seen for inspecting elements on a web page is the "Element Inspector" function on the "Firebug" firefox plugin.

With this you just click on the element you want to inspect and it shows all the css info you will need.

I've also seen similar offerings in the developer tools of IE 8 and Chrome.

 

[AnnHalloran]

Thanks for the tip - will check that out!
Ann

 

[shaneiadt]

Firebug is amazing, one of the best developer tools out there.

I'd look into the web developer add-on for Firefox as well.

https://addons.mozilla.org/en-US/firefox/addon/60/

It can do pretty much everything you ever wanted to do with HTML Within reason of course.