Are there any CSS lint tools?

Question

I'm looking for a tool that can scan over a set of HTML pages, and check for bad or out of sync CSS usage. In particular, I want to check the following:

1. Each CSS rule in the CSS files is used at least once by some HTML page.
2. Each CSS class referenced on the HTML pages is actually defined in a CSS file.
3. (Nice to have) that inline styles do not duplicate existing CSS classes (e.g. that there are no tags with inline styles for which there is an equivalent CSS class already defined).

Is there an existing tool that will do this?

Answer 1

W3 has a CSS checker.

Answer 2

I'm not sure if it's an option, but Visual Studio will take care of #2 for you. It actually is kind of annoying when you're using classes that aren't styled, but used for Javascript.

Answer 3

I'm not sure if it has all of the requirements you have but I would definitely check out CSS Tidy. It is marketed as a CSS parser and optimizer.

Otherwise, I'm not sure if there's anything out there besides good ol' "using good practices" while developing the project.

Answer 4

You might want to take a look at Dust-Me Selectors see also: http://www.sitepoint.com/dustmeselectors/

I think it handles #1 and #2, but not sure about #3