Multiple blocks of HTML

[peterbe]

My use case is that it's hard to have 1 optimized/cleaned/minimal/critical CSS stylesheet per page. What I want is the super set of the CSS for GET /, GET /about, GET /support, GET /search. Each page uses Bootstrap/Bulma/Whatever but they all each have their own slight differences.

E.g. The original CSS looks like this:

div.foo { }
div.bar { }
div.baz { } 
div.woo { }

Every page has <div class="foo">. The home page (only) has <div class="bar">. The /about page (only) has <div class="baz">.

So, the ideal outcome should be:

div.foo { }
div.bar { }
div.baz { } 

[leeoniya]

hey @peterbe

i added "used selectors" reporting in v1.0.7. take a look at https://github.com/leeoniya/dropcss#accumulating-a-whitelist