Aturan @import CSS
Definisi dan penggunaan
Aturan @import memungkinkan anda mengimpor laman gaya ke laman gaya lain.
Aturan @import mesti berada di atas dokumen (tetapi di belakang pengumuman @charset).
Aturan @import menyokong pencegahan media, sehingga memungkinkan impor yang berdasarkan media.
Contoh
Contoh 1
Sunting laman "navigation.css" ke laman gaya semasa:
@import "navigation.css"; /*guna string*/
atau
@import url("navigation.css"); /*guna url*/
Contoh 2
Hanya mengimpor laman "printstyle.css" untuk media print:
@import "printstyle.css" print;
Contoh 3
Hanya mengimpor laman "mobstyle.css" untuk gaya berasaskan media screen dan lebar paparan maksimum 768 piksel:
@import "mobstyle.css" screen and (max-width: 768px);
syarat CSS
@import url|string list-of-mediaqueries;
nilai atribut
| nilai | penyataan |
|---|---|
| url|string | url atau string, yang mewakili lokasi sumber yang akan diimpor. url boleh jauh atau sejuk. |
| list-of-mediaqueries | Senarai pencegahan media yang dipisahkan dengan koma, memutuskan bahawa aturan CSS yang diimpor melalui URL akan digunakan di bawah syarat apa. |
Dukungan pereka browser
Nombor dalam tabel menunjukkan versi pereka paling awal yang menyokong sifat ini.
| Chrome | IE / Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| 1.0 | 5.5 | 1.0 | 1.0 | 3.5 |
