Tool for Checking Unused CSS Selectors

Tool for checking unused CSS selectors?

I think that http://unused-css.com will do exactly what you want.

https://github.com/geuis/helium-css can help

as well as: http://razorfast.com/2010/11/21/announcing-cssess-the-bookmarklet-that-finds-unused-css-selectors/

Tool to check for unused css styles and coverage?

The only one I'm familiar with is: http://unused-css.com/

A web crawler follows the links of your site. On each page, we retrieve the CSS files and list the selectors. The selectors are tested on the html page. If the selector matches an element, it is marked as used. When all the files have been visited, a new css file with only the used selectors is built. That's the file you can download.

I haven't used it extensively though.

Sept 6, 2012 Update: Another promising looking tool - Deadweight

Deadweight is a CSS coverage tool. Given a set of stylesheets and a set of URLs, it determines which selectors are actually used and reports which can be "safely" deleted.

January 29, 2013 Update: Another new tool - http://www.csstrashman.com/

The trashman examines your site's live DOM and reverse engineers a new, more elegant definition that captures styles down to the pixel.

Find unused css

I've been looking for a while, and the best thing I found was this:

http://unused-css.com/

They scan your site and email you the result css.

I am aware you are working on a localsite, however if you find no alternative, you can upload your site somewhere and use this

Alternatively

You could install a previous version of firefox that is compatible with dust-me selectors and run it along side your current installation of firefox.

Detect unused CSS classes

Dust-Me Selectors

Dust-Me Selectors is a Firefox extension (for v1.5 or later) that finds unused CSS selectors.

http://www.sitepoint.com/dustmeselectors/dustmeselectors-2.2.zip

"It extracts all the selectors from all the stylesheets on the page you're viewing, then analyzes that page to see which of those selectors are not used. The data is then stored so that when testing subsequent pages, selectors can be crossed off the list as they're encountered."

Remove Unused CSS Selectors other than 'Dust Me Selectors'?

I'm not sure why you can't use Dust Me Selectors, you can right-click on the symbol and select "Spider Sitemap" to do an entire website at once.

Remove unused css from multiple pages at the same time (whole website)

Try "Dust-Me Selectors" add-on for Firefox. It has the ability to crawl, even thru a given sitemap.

I also wish Google Audit had that feature.

Is there a way to check which CSS styles are being used or not used on a web page?

Install the CSS Usage add-on for Firebug and run it on that page. It will tell you which styles are being used and not used by that page.

---

Related Topics