Supponiamo di avere un sito dinamico e di voler decidere pagina per pagina o in base a determinate condizioni se e quali stili caricare.

Ecco un modo rapido e cross-browser per farlo con JQuery:

<script type="text/javascript" >
var head = document.getElementsByTagName('head')[0]; 
if( head != null ) {
	$( document.createElement( 'link' ) )
	   .attr({
		    type: "text/css", 
  		    rel:  "styleSheet", 
		    href: "http://miosito/css/mioFoglioDiStile.css")",
		    'class': 'dynamic_css'
		  }).appendTo( head );
} 

// Fix per IE che non riconosce automaticamente gli stili aggiunti
if ($.browser.msie) {
	 $('.dynamic_css').clone().appendTo('head');
}
</script>

Dove ovviamente "http://miosito/css/mioFoglioDiStile.css" è il percorso del foglio di stile che vogliamo caricare.

Segnalato da Marco Oliveri