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.

    CSS Howto..

    How to manage css left property for fixed div

    How to make an iFrame window scrolls with overflow:hidden?

    How to override active admin CSS?

    How to create diagonal boxes using css?

    How to highlight a whole table cell with padding when hovering?

    How to add a color transitions in CSS and HTML like the one in the login area of the Instagram app?

    How can I make the CSS-hover animation to stay?

    How to customize the look and feel of rich faces tab panel

    How to set fixed base to calculate vh unit in css on mobile?

    How should you comment css? [closed]

    How to highlight a row of my table

    How to change CSS display property using an anchor tag?

    How to make jQuery target and attach a plugin call to hundreds of CSS ID's with an ID number at the end of them?

    How to position some text?

    How to create and style dropdown menus using the wordpress menus section? [closed]

    How to layer elements with CSS position property?

    how to set a default prompt when nothing selected for “select” using css

    CSS: how to layout 3 columns, 2 are optional

    How to make one side of a div pointy with CSS?

    How do I know when is the right moment to stop using a specific css vendor-prefix?

    Understanding how CSS clear:both is supposed to work

    How can I align two different-size pieces of text to the left and right while matching baselines?

    How to add an orange background to top of page

    How to apply a underline style to piece of text

    CSS How to hide current child menu items when hovering over parent's sibling items without javascript

    How to create zebra-stripe CSS with TAL?

    Show/hide css class by url parameter with php

    How can I change the selection text background using CSS?

    How do you close the CSS preview view in Eclipse?

    CSS: how to make background on left and right of the content