Puis-je intégrer un fichier CSS dans un autre ?

Inclusion de fichiers CSS : intégration d'un fichier dans un autre

Pouvez-vous incorporer le contenu d'un fichier CSS dans un autre ?

La réponse est un « Oui » retentissant. CSS offre un moyen élégant d'y parvenir en utilisant la règle @import.

Pour inclure un fichier CSS, écrivez simplement la directive suivante comme première ligne de votre fichier CSS, avant toute autre règle (à l'exception du @charset règle):

@import url("base.css");

Cette directive demande au navigateur de charger le fichier CSS spécifié (dans ce cas, "base.css") et d'appliquer ses styles au document actuel.

Remarques importantes :

1. L'ordre compte : La règle @import doit apparaître comme la première ligne du fichier CSS, à l'exception de la règle @charset. Toute autre règle avant @import sera ignorée.
2. Requêtes HTTP : Chaque instruction @import déclenche une requête de serveur supplémentaire. Cela peut entraîner des problèmes de performances si vous disposez de plusieurs instructions @import. Une meilleure pratique consiste à concaténer tous les fichiers CSS en un seul fichier, réduisant ainsi les requêtes HTTP et améliorant le temps de chargement des pages.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!