Κανόνας @import του CSS

Ορισμός και χρήση

Ο κανόνας του @import επιτρέπει να εισάγετε ένα στυλ σε ένα άλλο στυλ.

Ο κανόνας του @import πρέπει να βρίσκεται στην κορυφή του έγγραφου (αλλά μετά από οποιαδήποτε δήλωση @charset).

Η κανόνας του @import υποστηρίζει επίσης ερωτήματα μέσων, οπότε επιτρέπει την εισαγωγή που εξαρτάται από το μέσο.

Παράδειγμα

Παράδειγμα 1

Εισάγετε το στυλ του "navigation.css" στην τρέχουσα τάβλη στυλ:

@import "navigation.css"; /* Χρήση αλφαριθμητικού */

ή

@import url("navigation.css"); /* Χρήση url */

Παράδειγμα 2

Εισάγετε το στυλ του "printstyle.css" μόνο όταν το μέσο είναι τυπογραφία:

@import "printstyle.css" print;

Δοκιμάστε το شخصικά

Παράδειγμα 3

Εισάγετε το στυλ του "mobstyle.css" μόνο όταν το μέσο είναι οθόνη και η μέγιστη πλάτος του视口 είναι 768 εικονοστοιχεία:

@import "mobstyle.css" screen and (max-width: 768px);

Δοκιμάστε το شخصικά

Γλωσσική δομή του CSS

@import url|string list-of-mediaqueries;

Αξία χαρακτηριστικού

Αξία Περιγραφή
url|string Συνημμένο ή αλφαριθμητικό, που υποδεικνύει τη θέση του πόρου που εισάγεται. Το url μπορεί να είναι αβσταθές ή σχετικό.
list-of-mediaqueries Λίστα ερωτημάτων μίας μέσων μέσω κοινούς, διαχωρισμένη με κόμμα, που καθορίζει υπό ποιες συνθήκες εφαρμόζονται οι κανόνες του CSS που εισάγονται μέσω URL.

Υποστήριξη περιηγητή

Τα αριθμοί στην τάβλη αναφέρουν την πρώτη έκδοση του περιηγητή που πλήρως υποστηρίζει αυτό το χαρακτηριστικό.

Chrome IE / Edge Firefox Safari Opera
1.0 5.5 1.0 1.0 3.5