get loaded css between 2 div's as stylesheet.css

Question

I'm trying to get a specific generated css for a area on one of my site's to use this css on the homepage from one of my site's.

I used all types of soft and ff add-ons to get the complete css for that specific area ,however they not combine the css as 1. I still have to copy/paste , and have chance i get duplicated loaded css.

My hope is that there exist a code snippet what read the css between 2 div's and generate a .css file on the fly. so i can use the generated css in another project. ( the reason i ask this is couse of there is over 4000 line of css loaded from different css files.)

Answer 1

If you inspect an element (right click on it, "Inspect Element") in Chrome there's a styles window on the right, underneath that is Computed Style, this includes everything non-standard about that element including all ancestors properties that made it that way.

Using the styles listed under there, you can get everything together that made the style you're seeing.