Είναι δυνατόν να συμπεριλάβετε ένα αρχείο CSS σε ένα άλλο;
Ναι:
@import url("base.css");
Σημείωση:
@import
πρέπει να προηγείται όλων των άλλων κανόνων (εκτός του @charset
).@import
απαιτούν πρόσθετες αιτήσεις διακομιστή. Εναλλακτικά, συνθέστε όλα τα CSS σε ένα αρχείο για να αποφύγετε πολλαπλά αιτήματα HTTP. Για παράδειγμα, αντιγράψτε τα περιεχόμενα των αρχείων base.css
και special.css
στο αρχείο base-special.css
και αναφερθείτε μόνο στο αρχείο base-special.css
.Ο κανόνας CSS @import
κάνει ακριβώς αυτό. Π.χ.,
@import url('/css/common.css');
@import url('/css/colors.css');
Σε ορισμένες περιπτώσεις είναι δυνατό να χρησιμοποιήσετε το @import "file.css", και τα περισσότερα σύγχρονα προγράμματα περιήγησης θα πρέπει να το υποστηρίζουν αυτό, παλαιότερα προγράμματα περιήγησης, όπως το NN4, θα τρελαθούν ελαφρώς.
Σημείωση: η δήλωση import πρέπει να προηγείται όλων των άλλων δηλώσεων στο αρχείο, και δοκιμάστε το σε όλους τους φυλλομετρητές-στόχους σας πριν το χρησιμοποιήσετε στην παραγωγή.