Elegir diferentes hojas de estilo css

Con este sencillo script podrás elegir entre varias hojas de estilo diferentes, en función de lo que tú quieras.
En el ejemplo se usa una variable para comparar. Si esa variable vale 0, se carga una hoja de estilo. En caso contrario, se carga otra hoja diferente.
En vez de eso, si tuvieras una función que detectara el navegador, podrías usarla para hacer la comparación y cargar una hoja diferente dependiendo del navegador. Por ejemplo, una hoja de estilos para Internet Explorer, otra para Firefox, etc. Para que tu Web se vea perfecta en todos los navegadores.

<script type="text/javascript">
/* una simple variable para comparar */
var num = 0;

/* creamos un elemento link para la hoja de estilo */
var objCSS = document.createElement('link');
objCSS.id = 'identificador_unico';
objCSS.rel = 'stylesheet';
objCSS.type = 'text/css';

/* en funcion del valor de num usamos una hoja u otra */
if (num == 0) {
objCSS.href = 'primera.css';
} else {
objCSS.href = 'segunda.css';
}

/* metemos el elemento link en el head */
var objHead = document.getElementsByTagName('head');
objHead[0].appendChild(objCSS);
</script>