将 "navigation.css" 样式表导入到当前样式表中:
@import "navigation.css"; /* Using a string */
or
@import url("navigation.css"); /* Using a url */
下面有更多示例。
这个@import
规则允许您将一个样式表导入到另一个样式表中。
这个@import
规则必须位于文档的顶部(但在任何@字符集宣言)。
这个@import
规则还支持媒体查询,因此您可以允许导入依赖于媒体。
表中的数字指定完全支持该属性的第一个浏览器版本。
Property | |||||
---|---|---|---|---|---|
@import | 1.0 | 5.5 | 1.0 | 1.0 | 3.5 |
@import
url|
string list-of-mediaqueries;
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 |
仅当介质为打印时才导入 "printstyle.css" 样式表:
@import "printstyle.css" print;
仅当媒体为屏幕且视口最大为 768 像素时,才导入 "mobstyle.css" 样式表:
@import "mobstyle.css" screen and (max-width: 768px);
截取页面反馈部分,让我们更快修复内容!也可以直接跳过填写反馈内容!