Is there a utility that will take a css file (or possibly several) and compare it with one or more html files giving a report

1. css usage in each html file.
2. undefined css in html file.
3. unused css in css file.

So the output might look like

#someting defined in first.css used in a.html, b.html c.html
.otherthing defined in second.css used in b.html
....
#snafu undefined, used in c.html
....
.toomuch unused defined in first.css

Don't know that I've ever seen such a tool.

No, neither have I , but I was thinking along the lines of the utilities that check for broken links. There are plenty of those around.

css files have a nasty habit of growing over time, and then you can never be sure that your site is now using it all, or if that chunk of obsolete css is quite as obsolete as it looked.

A bit off my own topic, you can break your css down into several smaller css files each dealing with a particular aspect of the layout and @include them into a master css which could be different for each page.

'bout the nearest is

http://www.sitepoint.com/dustmeselectors/

I've used DustMe Selectors.. it's pretty good

Originally Posted by chrishirst

'bout the nearest is

http://www.sitepoint.com/dustmeselectors/

Correct me if I'm wrong, but this appears to be a Mac only Firefox add-on.
My Windows version of FF doesn't seem to understand any of the files, and the "User Interface" page on sitepoint.com looks very Mac-ish.

seems to work perfectly well on my Windows 2000 & Firefox 2.0.0.14

Originally Posted by chrishirst

seems to work perfectly well on my Windows 2000 & Firefox 2.0.0.14

My bad, I clicked on the wrong link and downloaded the package rather than the install link.

Looking good - thanks all.