15/11/2024

Développement Web

Importer une feuille de style CSS dans une autre

I. Présentation

Pour importer une feuille de style dans une autre, ou même importer plusieurs feuilles de style dans une feuille on utilise la propriété CSS : @import. Selon la spécification du W3C il faut que cette propriété soit avant toutes les autres, autrement dit il faut la mettre au tout début de la page.

II. La syntaxe @import

@import url("style.css");

Remplacez "style.css" vers le chemin vers votre feuille de style. Si vous souhaitez importer plusieurs feuilles de style, répétez cette ligne autant de fois que nécessaire afin de générer plusieurs appels consécutifs de feuilles de style.

Il n'est pas possible d'importer plusieurs feuilles de style en une seule commande @import.

Cette propriété est pratique car elle vous permet d'organiser vos styles dans différentes feuilles et d'avoir un meilleur contrôle de celle-ci et en plus de les utiliser indépendamment si vous en avez besoin.

author avatar
Florian BURNEL Co-founder of IT-Connect
Ingénieur système et réseau, cofondateur d'IT-Connect et Microsoft MVP "Cloud and Datacenter Management". Je souhaite partager mon expérience et mes découvertes au travers de mes articles. Généraliste avec une attirance particulière pour les solutions Microsoft et le scripting. Bonne lecture.
Partagez cet article Partager sur Twitter Partager sur Facebook Partager sur Linkedin Envoyer par mail

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Ce site utilise Akismet pour réduire les indésirables. En savoir plus sur comment les données de vos commentaires sont utilisées.