Quy tắc @import CSS
Thí dụ
Nhập biểu định kiểu "navigation.css" vào biểu định kiểu hiện tại:
@import
"navigation.css"; /* Using a string */
or
@import
url("navigation.css"); /* Using a url */
Thêm ví dụ bên dưới.
Định nghĩa và Cách sử dụng
Quy @import
tắc cho phép bạn nhập một biểu định kiểu vào một biểu định kiểu khác.
Quy @import
tắc phải ở đầu tài liệu (nhưng sau bất kỳ
khai báo @charset nào
).
Quy @import
tắc cũng hỗ trợ các truy vấn phương tiện, vì vậy bạn có thể cho phép nhập phụ thuộc vào phương tiện.
Hỗ trợ trình duyệt
Các số trong bảng chỉ định phiên bản trình duyệt đầu tiên hỗ trợ đầy đủ thuộc tính.
Property | |||||
---|---|---|---|---|---|
@import | 1.0 | 5.5 | 1.0 | 1.0 | 3.5 |
Cú pháp CSS
@import url|string list-of-mediaqueries;
Giá trị tài sản
Value | Description |
---|---|
url|string | A url or a string representing the location of the resource to import. The url may be absolute or relative |
list-of-mediaqueries | A comma-separated list of media queries conditioning the application of the CSS rules defined in the linked URL |
Các ví dụ khác
Thí dụ
CHỈ Nhập trang định kiểu "printstyle.css" nếu phương tiện được in:
@import
"printstyle.css" print;
Thí dụ
CHỈ Nhập biểu định kiểu "mobstyle.css" nếu phương tiện là màn hình và chế độ xem tối đa là 768 pixel:
@import
"mobstyle.css" screen and (max-width: 768px);