Quy tắc @import CSS

Định nghĩa và cách sử dụng

Quy tắc @import cho phép bạn导入 giao diện vào giao diện 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 media.

Mô hình

Ví dụ 1

Đ导入 giao diện "navigation.css" vào giao diện 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ỉ导入 giao diện "printstyle.css" khi media là print:

@import "printstyle.css" print;

Thử ngay

Ví dụ 3

Chỉ导入 giao diện "mobstyle.css" khi media là screen và độ rộng viewport tối đa là 768 pixel:

@import "mobstyle.css" screen and (max-width: 768px);

Thử ngay

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 các truy vấn truyền thông được phân隔 bằng dấu phẩy, quyết định các quy tắc CSS được tải vào 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