Hoja de estilo alternativa

[pzin]

Muy buenas.

He mirado en las FAQs estando seguro de que habría algo sobre usar dos hojas de estilos -de diseño diferente se entiende- para que el usuario pueda elegir entre una y otra. No es ese el uso que le quiero dar, quiero renovar el diseño de mi página, y mientras hago eso, quiero poner la hoja de estilo de modo alternativo para que pueda seleccionarla yo e ir viendo como queda.

He leido por ahí que para ello debería de especificarse el atributo title al archivo alternativo, por lo que se cargaría por defecto el que no tiene tal atributo, por lo que hice así:

Código:

<link rel="stylesheet" href="/css/general.css" type="text/css">
<link rel="stylesheet" href="/css/general2.css" type="text/css" title="Futuro estilo">

Y de esta forma me carga general.css pero como título de esta hoja de estilo me sale "Futuro estilo", y la otra, general2.css no me la deja elegir. Y entonces ya no sabía que pensar.

No sé si se entiende bien porque está algo mal redactado. Si eso me repito con mejores formas.

Muchas gracias.

[pzin]

Bueno, por aquí encontré algo que finalmente funciona. Aunque en IE no encuentro la opción de elegir entre hojas de estilo alternativas. Tendré que cargarla manualmente en las opciones de accesibilidad.

En el atributo rel bastaba con indicar que era una hoja de estilo alternativa con alternate stylesheet, y procurar que el title no sea el mismo ya que si no el explorador lo interpretaría como si fueran hojas de estilos que van juntas -para un mismo diseño.

Al final quedó así.

Código:

<link rel="stylesheet" href="/css/general.css" type="text/css" title="Standart" >
<link rel="alternate stylesheet" href="/css/general2.css" type="text/css" title="Estilo futuro" >