Quy tắc @import CSS
Định nghĩa và cách sử dụng
Quy tắc @import cho phép bạn导入 biểu mẫu vào biểu mẫu khác.
Quy tắc @import phải nằm ở đầu tài liệu (nhưng sau bất kỳ tuyên bố @charset nào).
Quy tắc @import hỗ trợ truy vấn truyền thông, vì vậy có thể cho phép导入 phụ thuộc vào phương tiện.
Mô hình
Ví dụ 1
Để导入 biểu mẫu "navigation.css" vào biểu mẫu hiện tại:
@import "navigation.css"; /* Sử dụng chuỗi */
hoặc
@import url("navigation.css"); /* Sử dụng URL */
Ví dụ 2
Chỉ导入 "printstyle.css" khi phương tiện là print:
@import "printstyle.css" print;
Ví dụ 3
Chỉ导入 "mobstyle.css" khi phương tiện là screen và độ rộng viewport tối đa là 768 pixel:
@import "mobstyle.css" screen and (max-width: 768px);
Ngữ pháp CSS
@import url|string list-of-mediaqueries;
Giá trị thuộc tính
| Giá trị | Mô tả |
|---|---|
| url|string | URL hoặc chuỗi, đại diện cho vị trí của tài nguyên cần导入. URL có thể là tuyệt đối hoặc tương đối. |
| list-of-mediaqueries | Danh sách truy vấn truyền thông phân cách bằng dấu phẩy, quyết định các quy tắc CSS được引入 qua URL áp dụng trong điều kiện nào. |
Hỗ trợ trình duyệt
Số trong bảng chỉ ra phiên bản trình duyệt đầu tiên hỗ trợ đầy đủ thuộc tính này.
| Chrome | IE / Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| 1.0 | 5.5 | 1.0 | 1.0 | 3.5 |
