@import adalah at-rule CSS yang memungkinkan kalian untuk mengimpor CSS atau style dari satu lembar CSS ke yang lain.

Mengimpor stylesheets memungkinkan lebih banyak modularitas karena dapat menggabungkan beberapa stylesheet (sebagian) untuk mengurangi redundansi. Membagi lembar CSS menjadi lembaran CSS parsial yang lebih kecil berguna karena juga memungkinkan untuk menggunakan “parsial” dalam berbagai proyek — semua yang perlu dilakukan adalah mengimpornya ke dalam stylesheet utama kalian.

Kata kunci @import harus diikuti oleh URI dari stylesheet untuk disertakan. String juga diperbolehkan; itu akan ditafsirkan seolah-olah memiliki url (…) di sekitarnya. Jika URI relatif digunakan, URI tersebut ditafsirkan sebagai relatif terhadap lembar gaya pengimporan.

Contoh pemakaian @import pada CSS:

 

Dalam CSS versi 2.1, setiap aturan @import harus mendahului semua aturan lainnya (kecuali aturan @charset, jika ada). Pengguna akan mengabaikan aturan @import apa pun yang terjadi di dalam blok atau setelah pernyataan yang tidak diabaikan selain @charset atau aturan @import. Misalnya, deklarasi @import kedua adalah ilegal dan akan diabaikan oleh pengguna:

Juga, dalam contoh berikut, aturan @import kedua tidak valid, karena itu terjadi di dalam blok @media: