Is there an easy way to reload css without reloading the page?

Question

I'm trying to make a live, in-page css editor with a preview function that would reload the stylesheet and apply it without needing to reload the page. What would be the best way to go about this?

Answer 1

Possibly not applicable for your situation, but here's the jQuery function I use for reloading external stylesheets:

/**  * Forces a reload of all stylesheets by appending a unique query string  * to each stylesheet URL.  */ function reloadStylesheets() {     var queryString = '?reload=' + new Date().getTime();     $('link[rel="stylesheet"]').each(function () {         this.href = this.href.replace(/\?.*|$/, queryString);     }); }