css如何调用另一个css?

CSS@规则,用于从其他样式表导入样式规则。这些规则必须先于所有其他类型的规则,@charset 规则除外; 因为它不是一个嵌套语句,@import不能在条件组的规则中使用。

在css中可以使用@import来调用另一个css,调用语法为:

@import+空格+url(CSS文件路径地址);

@import定义和用法

@import <url> <media_query_list>
<media_query_list>:[<media_query>[',' <media_query>]*]?
<media_query>:[only | not]? <media_type> [and <expression>]* | <expression> [and <expression>]*
<expression>:'('<media_feature>[:<value>]?')'

@import属性值

  • <url>:使用绝对或相对地址指定导入的外部样式表文件。可以是url(url)或者直接是一个url

  • <media_query_list>:指定媒体类型和查询条件。

@import说明

指定导入的外部样式表及目标媒体。

该规则必须在样式表头部最先声明。并且其后的分号是必需的,如果省略了此分号,外部样式表将无法正确导入,并会生成错误信息。IE使用@import无法引入超过35条的样式表。

使用url(url)和直接使用url需要注意的地方:

示例代码:

@import url("global.css");
@import url(global.css);
@import "global.css";

以上3种方式都有效。当使用url(url)的方式时,包住路径的引号可有可无;当直接使用url时,包住路径的引号必须保留。

以上就是css如何调用另一个css?的详细内容,更多请关注易知道|edz.cc其它相关文章!

推荐阅读