Regla @import CSS
Ejemplo
Importe la hoja de estilo "navigation.css" a la hoja de estilo actual:
@import
"navigation.css"; /* Using a string */
or
@import
url("navigation.css"); /* Using a url */
Más ejemplos a continuación.
Definición y uso
La @import
regla le permite importar una hoja de estilo a otra hoja de estilo.
La @import
regla debe estar en la parte superior del documento (pero después de cualquier
declaración de @charset ).
La @import
regla también admite consultas de medios, por lo que puede permitir que la importación dependa de los medios.
Compatibilidad con navegador
Los números de la tabla especifican la primera versión del navegador que es totalmente compatible con la propiedad.
Property | |||||
---|---|---|---|---|---|
@import | 1.0 | 5.5 | 1.0 | 1.0 | 3.5 |
Sintaxis CSS
@import url|string list-of-mediaqueries;
Valores de propiedad
Value | Description |
---|---|
url|string | A url or a string representing the location of the resource to import. The url may be absolute or relative |
list-of-mediaqueries | A comma-separated list of media queries conditioning the application of the CSS rules defined in the linked URL |
Más ejemplos
Ejemplo
Importe la hoja de estilo "printstyle.css" SOLAMENTE si el medio es impreso:
@import
"printstyle.css" print;
Ejemplo
Importe la hoja de estilo "mobstyle.css" SOLAMENTE si el medio es una pantalla y la ventana gráfica tiene un máximo de 768 píxeles:
@import
"mobstyle.css" screen and (max-width: 768px);