Llamar a css desde html

[isabel021258]

Tengo una duda estaba leyendo que no se debe llamar a un archivo css desde otro archivo css.

Los 3 css que uso se llaman (default.css) (main.css) (reset.css)

Yo tengo el html asi y desde el main.css hace un llamado a reset.css:

Código:

<link rel="shortcut icon" href="/favicon.png" />
<link href="css/default.css" rel="stylesheet" type="text/css" />
<style type="text/css">
    @import "css/main.css";  
</style>

Intente llamar al reset.css desde el html pero no me lo tomo, seguramente lo hice mal, ¿como debería llamarlo desde el html?

Gracias!!!

[merlin]

Y no es mejor que llames a los tres desde el html

<link href="css/default.css" rel="stylesheet" type="text/css" />
<link href="css/main.css" rel="stylesheet" type="text/css" />
<link href="css/reset.css" rel="stylesheet" type="text/css" />

[isabel021258]

mmmmm no, acabo de probarlo asi y no. Cambia las cosas.

[cristian_cena]

un contexto de uso de @import sería por ejemplo:

Código:

/* archivo.css */
@import "general.css";
@import "fonts.css";
@import "tables.css";

Código:

<!-- archivo.html --->
<link href="archivo.css" rel="stylesheet" type="text/css" />

Esto es muy útil en un ambiente de "desarrollo" especialmente si trabajas con css dinámico, es decir, importas todos tus archivos (.sass, .less) y lo compactas en un solo archivo .css que luego incluyes con <link/>

Nunca supe bien porque se desaconseja usar @import en entornos de "producción", ojalá algún usuario pueda aclararme este tema.

[kseso?]

Iniciado por isabel021258

mmmmm no, acabo de probarlo asi y no. Cambia las cosas.

Quizás sea por el orden.
Reset
Default
main

O dicho de otra forma, por la ley de lo último leído prevalece, si tiene en los estilos característicos de su sitio en main y declara table{ border: Xpx tipo color} y en reset tiene table {border: 0 none transparent} este último sobreescribe al primero.

Si no son muy extensos y aplica prácticamente el 100% de ellos en todas las páginas, mejor todo en un sólo archivo, eso sí, adaptando el reset a su necesidades.

Cristian, todos los métodos de llamada son válidos (recogidos por el consorcio). Incluso la combinación de ellos enlazados.

Creo recordar que una ver. de IE tenía un bug con @import relacionada con el máximo de archivos que podía manejar.

[isabel021258]

Exacto Cris así es como yo lo tengo con la diferencia de que el llamado a uno de los css proviene desde otro archivo css e intente colocarlo desde el html de 2 maneras diferentes pero es como si no lo leyera.

[isabel021258]

Kseso sos un grande, cambie el orden alterne las posiciones como dijiste y funciona perfecto ahora:

<meta name="distribution" content="global" />
<meta name="robots" content="all" />

<link rel="shortcut icon" href="/favicon.png" />
<link href="css/reset.css" rel="stylesheet" type="text/css" />
<link href="css/default.css" rel="stylesheet" type="text/css" />
<link href="css/main.css" rel="stylesheet" type="text/css" />