How to export only the used css from a site?


Tags: css,export

Problem :

No dust-me-spider. No firebug.

I have made a project and I want to export only the CSS which has been used in the project or page. I have tried, dust-me-spider and firebug, but these add-ons grab all the CSS of the project! I need to grab only the CSS which has been used and export it to another CSS file. Does any program exist for such a reason?



Solution :

Its tricky because you can't know all of the javascript renderings on a page that would affect the css. I wrote my own plugin that i could run which would extract the visible css on the page and resort the css in order of cascading hierarchy. This is useful in that i can run it after any javascript action but it still requires investigation into the existing javascript. You are welcome to use it.http://stcreative.co.uk/tutorials/css_sorter/


    CSS Howto..

    How to use css in one page only?

    How can I use JQ to pick out a parent whose child is hr.strong?

    How do I keep my footer at the bottom of the page without it coming up automatically to fill space if there is little content?

    How to access an element's class value via CSS

    My entire text in aspx page font be in arial. How to change it in css [closed]

    How to make navigation bar scroll with the page?

    How would I replicate this input text effect where they're almost a merged box in CSS/HTML?

    How to get rid of column border of gridview using CSS

    Menu hover effect - how to reproduce this effect?

    How can I apply CSS to a link if at least one input is not original, and undo that change if all inputs are original?

    How can i learn CSS easily?

    How is text thickness calculated according to css property “font-weight”?

    How to prevent the style added to anchors from footer in JQueryMobile?

    How to use jQuery for hover effects

    How to set select icon bigger

    How to make a button light up on hover with twitter bootstrap

    CSS Web fonts how to use it with use of @font-face its not working

    How to Toggle Switch - Prices and Config? [closed]

    How to expand and collapse three div's side by side?

    How to animate an image as it grows from the width of a container to the full viewport width?

    AJAX Call returns JSON, how to render properly formatted data

    How do I absolutely position a relatively positioned element?

    How to overwrite styling in Twitter Bootstrap

    How to Add custom Css Clases to PyroCMS contact form elements

    How to remove simple text from HTML/HAML

    HTML emails in 2013: How to control spacing between elements like paragraphs and images?

    How to create responsive text on top of an image?

    How to enlarge and tint photo with pure CSS and jQuery [closed]

    How to place an image and text under it, side by side using HTML and css?

    How could i center unordered lists in a footer?