Règle @import CSS

La règle @import CSS est utilisée pour importer des règles de feuille de style depuis d'autres feuilles de style. Ces règles doivent être placées avant toutes les autres types de règles, à l'exception de la règle @charset ; puisqu'elle n'est pas une instruction imbriquée, @import ne peut pas être utilisée dans des règles de groupe conditionnelles.

　Syntaxe d'utilisation de la règle CSS @import

La syntaxe de cette règle est la suivante :

@import url [type de média,...];

L'exemple suivant montre comment utiliser la propriété @import.

@import url("css/layout.css");
@import url("css/color.css");
body　{
　color:bleu;
　font-size:14px;
}

Vous pouvez également spécifier des règles @import liées aux médias (c'est-à-dire, les types de média auxquels la feuille de style importée s'applique) - il suffit de spécifier des types de média séparés par des virgules après l'URL.Type de médiaourequête média.

@import url("css/default.css");
@import url("css/print-style.css") print;
body　{
　color: rouge;
　font-size:　1em;
}

Compatibilité du navigateur

Compatibilité du navigateur pour la propriété @import ; les numéros dans le tableau suivant représentent la version minimale du navigateur prise en charge pour cette propriété ; toutes les navigateurs populaires prennent en charge cette règle.

En savoir plus

Veuillez consulter les tutoriels suivants :Types de média CSS.