02 November, 2012

CSS Consolidator jiu-jitsu

CSS Consolidator

Sometimes you inherit a huge pile of CSS and want to make a few changes. Sometimes there are huge groups of duplicated rules. Sometimes, you just want to see everywhere Comic Sans is used in your stylesheets. (Hopefully, nowhere.)

Paste in your Source CSS below and click Consolidate CSS.  Rules and selectors will be consolidated in the next textbox.  All processing is done client-side in JavaScript.

Below that, you will see a breakdown of your styles, arranged by Selector, Attribute and Values.

Why did I do this?  Why not?

Source CSS (No @media tags please)

Consolidated CSS

Selectors Attributes Values

No comments: