CSS @import 規則
示例
將 "navigation.css" 樣式表匯入當前樣式表
@import "navigation.css"; /* 使用字串 */
或
@import url("navigation.css"); /* 使用 url */
更多示例見下文。
定義和用法
@import 規則允許您將一個樣式表匯入到另一個樣式表中。
@import 規則必須位於文件頂部（但在任何 @charset 宣告之後）。
@import 規則還支援媒體查詢，因此您可以根據媒體型別匯入樣式表。
瀏覽器支援
表中的數字指定了完全支援該屬性的第一個瀏覽器版本。
| 屬性 | |||||
|---|---|---|---|---|---|
| @import | 1.0 | 5.5 | 1.0 | 1.0 | 3.5 |
CSS 語法
@import url|string 媒體查詢列表;
屬性值
| 值 | 描述 |
|---|---|
| url|string | 一個 url 或一個字串，表示要匯入資源的 konum。url 可以是絕對的或相對的 |
| 媒體查詢列表 | 以逗號分隔的媒體查詢列表，用於限制連結 URL 中定義的 CSS 規則的應用 |
更多示例
示例
僅當媒體為列印時才匯入 "printstyle.css" 樣式表
@import "printstyle.css" print;
示例
僅當媒體為螢幕且視口最大寬度為 768 畫素時才匯入 "mobstyle.css" 樣式表
@import "mobstyle.css" screen and (max-width: 768px);
