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.
