Comment inclure un fichier CSS dans un autre fichier CSS ?

Réponses rédigées par Antoine

Dernière mise à jour : 2022-07-30 11:32:24

Thèmes : css

Question

Comment faire pour inclure un fichier CSS dans un autre fichier CSS ?

Réponse

Il existe deux manières d'inclure un fichier CSS dans un autre fichier CSS en utilisant la règle CSS @import :

Avec la règle CSS @import url("style_2.css");.
Avec la règle CSS @import "style_2.css";.

Remarque : Vous pouvez également utiliser la règle CSS @import directement dans le fichier HTML avec la balise <style> ; elle est à positionner entre les balises <head> et </head>. :

<style>
@import "style_1.css";
@import url(“style_2.css”);
</style>

Il est à noter que vous pouvez spécifier une condition à l'inclusion du fichier CSS. Ainsi dans l'exemple ci-dessous le fichier CSS ne sera inclus que sur un écran en mode paysage :

@import url('style_2.css') screen and (orientation:landscape);

Vous trouverez d'avantage d'(information sur la manière d'inclure un fichier CSS dans un autre via cette page du site de Mozilla.