2011-01-23 20 views
5

Al cargar hojas de estilo mediante la etiqueta, ¿se cargan las hojas de estilo de forma asíncrona o sincrónica? Tengo un diseño con dos hojas de estilo: mura.css y typography.css. Se cargan en el área de la página y typography.css se carga justo antes de mura.css. Por algún motivo, los atributos de mura.css se muestran en Chrome Webtools como sobrescritos con typography.css.¿Se cargan hojas de estilo CSS de forma asíncrona

Respuesta

6

Los archivos CSS se cargan en el orden en que se incluyen en el archivo.

Si algo del primer archivo CSS está sobreescribiendo algo en el segundo archivo CSS, probablemente se deba a que los selectores se usaron incorrectamente. Vuelva a verificar sus selectores para los elementos de la página que incorporan el estilo incorrectamente.

+2

Para ser específicos, las reglas de CSS entran en cascada en el orden en que se incluyen los archivos, por lo que no debería importar qué orden carguen realmente, lo que generalmente es asincrónico (aunque los scripts pueden afectar esto). – Neil

+6

Las hojas de estilo se cargan de forma asíncrona en relación con el análisis de página/preparación de DOM, pero son sincrónicas en relación con las secuencias de comandos. Es decir, si una hoja de estilo viene antes de una secuencia de comandos, la hoja de estilo debe cargarse antes de que se ejecute la secuencia de comandos. – Zenexer

Cuestiones relacionadas