Κανόνας @import CSS
Ορισμός και χρήση
Ο κανόνας @import επιτρέπει την εισαγωγή ενός αρχείου στυλ σε ένα άλλο αρχείο στυλ.
Ο κανόνας @import πρέπει να βρίσκεται στην κορυφή του έγγραφου (αλλά μετά από οποιαδήποτε διατύπωση @charset).
Το κανόνα @import υποστηρίζει ερωτήματα μέσων, οπότε επιτρέπει την εισαγωγή που εξαρτάται από το μέσο.
Παράδειγμα
Παράδειγμα 1
Εισάγετε το αρχείο "navigation.css" στο τρέχον αρχείο στυλ:
@import "navigation.css"; /* Χρήση字符串 */
ή
@import url("navigation.css"); /* Χρήση URL */
Παράδειγμα 2
Εισάγετε το αρχείο "printstyle.css" μόνο όταν το μέσο είναι print:
@import "printstyle.css" print;
Παράδειγμα 3
Εισάγετε το αρχείο "mobstyle.css" μόνο όταν το μέσο είναι screen και η μέγιστη πλάτος της οθόνης είναι 768 εικονοστοιχεία:
@import "mobstyle.css" screen and (max-width: 768px);
Γλωσσάκι CSS
@import url|string list-of-mediaqueries;
Αξία ιδιότητας
Αξία | Περιγραφή |
---|---|
url|string | URL ή字符串 που αντιπροσωπεύει τη θέση του πόρου που εισάγεται. Το URL μπορεί να είναι αβсолютτο ή σχετικό. |
list-of-mediaqueries | Μια λίστα με ερωτήματα για την επιλογή του CSS που εισάγεται μέσω URL υπό συγκεκριμένες προϋποθέσεις. |
Υποστήριξη από τους περιηγητές
Τα αριθμήματα στη τράπεζα δεδομένων σηματοδοτούν την πρώτη έκδοση του προγράμματος περιήγησης που υποστηρίζει πλήρως την ιδιότητα.
Chrome | IE / Edge | Firefox | Safari | Opera |
---|---|---|---|---|
1.0 | 5.5 | 1.0 | 1.0 | 3.5 |