Est-il possible d'inclure un fichier CSS dans un autre?

Question

Est-il possible d'inclure un fichier CSS dans un autre?

Answer 1

Oui:

@import url("base.css");

Note:

• L' @import règle doit précéder toutes les autres règles (à l'exception de l' @charset règle); et
• Supplémentaire @import états exigent d'autres demandes au serveur.

Agrégation CSS en un seul fichier pour éviter de multiples requêtes HTTP. C'est, copiez le contenu de base.css et special.css en base-special.css et de référence seulement base-special.css).

En 2008, tous les navigateurs pris en charge @import (voir la Compatibilité du Navigateur).

Answer 2

Oui. L'importation de fichier CSS dans un autre fichier CSS est possible.

Elle doit être la première règle dans la feuille de style en utilisant le @import règle.

@import "mystyle.css";
@import url("mystyle.css");

Le seul inconvénient est que les anciens navigateurs ne le supportent. En fait, c'est l'un des CSS "hack" pour masquer les styles CSS à partir des navigateurs plus anciens.

Reportez-vous à cette liste pour la prise en charge du navigateur.

Answer 3

L' @import url("base.css"); fonctionne très bien, mais garder à l'esprit que chaque @import déclaration est une nouvelle requête au serveur. Cela pourrait ne pas être un problème pour vous, mais quand la performance optimale est nécessaire vous devriez éviter l' @import.

Answer 4

Le CSS @import règle. E. g.,

@import url('/css/common.css');
@import url('/css/colors.css');

Answer 5

Oui.

@import "your.css";

La règle est documenté ici.