StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

PO
text
Body
copied!<p>I wrote a Perl utility to do this several years ago.</p> <p>As well as merging one or more stylesheets into a single coherent sorted output (complete with comments to show which file(s) each property appeared in, and warnings when a property has conflicting values), you can also <em>selectively</em> search or merge based on the selector, the property or both. </p> <p>These are handled intelligently so that, for example, if you search for the property <code>font</code> you also get <code>font-size</code>, <code>font-weight</code> etc (still presented inside CSS blocks with the relevant selectors that they were taken from). Likewise, selector searching tries to Do The Right (ie generally most useful) Thing. If you search for, say, the element <code>a</code>, it will match any block whose selector is <code>a</code>, <code>a:hover</code>, <code>a.extlink</code>, <code>a#mylink</code>, <code>.foo a</code>, <code>#bar a</code>, <code>p a</code>, <code>pre > a</code>, <code>a + p</code>, <code>a img</code>... (the last two don't <em>directly</em> affect the styling of the <code>a</code> itself but of an adjacent or descendent element, which it is often useful to know about in such a search), without matching <code>#a</code>, <code>.a</code>, etc. Of course this behaviour is optional, you can also search for an exact selector. Or a regex. </p> <p>Apart from perl itself the only dependency is <a href="http://search.cpan.org/search?query=css%3A%3Atiny&mode=module" rel="nofollow">CSS::Tiny</a></p> <p>It's free software, and you can get it here: <a href="http://src.qolc.net/cat/software/cssmerge" rel="nofollow">cssmerge</a> </p>

Querying!

Guidance

An individual column

Larger individual text columns get their own page to allow for proper reading.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload