Quy tắc CSS @import
Ví 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ụ dưới đây.
Định nghĩa và cách sử dụng
Quy tắc @import
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 tắc @import
phải ở đầu tài liệu (nhưng sau bất kỳ khai báo @charset nào).
Quy tắc @import
cũng hỗ trợ truy vấn phương tiện, vì vậy bạn có thể cho phép quá trình 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 |
Thêm ví dụ
Ví dụ
CHỈ nhập biểu định kiểu "printstyle.css" nếu phương tiện được in:
@import
"printstyle.css" print;
Ví 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);