cargar varias hojas de estilos desde una hoja de estilos

[chusete]

Como puedo cargar varias hojas de estilos desde una hoja de estilos?

Es decir, lo que busco, es que desde el html se llame a una hoja de estilos, y ésta se encargue de llamar al resto de hojas de estilos, para así estructurar las css por bloques.

[JavierB]

Hola chusete

Que yo sepa, no se puede. Puedes usar varias hojas de estilos, poniendolas todas en el head de tu página:

<link rel="stylesheet" href="hoja1.css" type="text/css" />
<link rel="stylesheet" href="hoja2.css" type="text/css" />
<link rel="stylesheet" href="hoja3.css" type="text/css" />

Saludos,

[Mikmoro]

Bueno, yo creo que se usa @import.

Tu cargas hoja de estilo de la forma habitual:

<link rel="stylesheet" href="hoja_principal.css" type="text/css" />

Y en hoja_principal añades esto:

@import url(hoja1.css);
@import url(hoja2.css);
@import url(hoja3.css);

Con esto, al cargar tu hoja principal, ella se encarga de importar las otras.

Si no hay reglas contradictorias entre ellas no habrá problema, pero si las hay, deberás leer un poco sobre el important y las jerarquías.

No sé si te referías a eso.

Mikel.

[JavierB]

Tienes toda la razón Mikmoro. Nunca me acuerdo de la regla @import debe ser porque nunca la uso.

Gracias por la corrección. Saludos,

[Mikmoro]

Cierto. Yo sólo la he usado en algún proyecto bastante grande, pero de normal, nunca. De hecho da ciertos problemas si luego quieres usar algún editor de html y editar desde ahí las css (como con NVU).

Mikel.