是否可以将一个CSS文件包含在另一个CSS中?
当前回答
Yes.
@import "your.css";
此处记录了该规则。
其他回答
Yes:
@import url("base.css");
注:
@import规则必须先于所有其他规则(@charset除外)。额外的@import语句需要额外的服务器请求。作为替代方案,将所有CSS连接到一个文件中,以避免多个HTTP请求。例如,将base.css和special.css的内容复制到base-special.css中,并仅引用base-specific.css。
@import(“/path to your styles.css”);
这是使用css在css样式表中包含css样式表的最佳方式。
我偶然发现了这一点,我只是想说,请不要在CSS中使用@IMPORT!!!!import语句被发送到客户端,客户端执行另一个请求。如果您想在不同的文件之间划分CSS,请使用Less。在Less中,import语句发生在服务器上,输出被缓存,并且不会通过强制客户端建立另一个连接而造成性能损失。Sass也是一个选项,我没有探索过。坦率地说,如果你没有使用Less或Sass,那么你应该开始。http://willseitz-code.blogspot.com/2013/01/using-less-to-manage-css-files.html
使用CSS@import规则在这里
@import url('/css/header.css') screen;
@import url('/css/content.css') screen;
@import url('/css/sidebar.css') screen;
@import url('/css/print.css') print;
无论出于什么原因,@import对我来说都不起作用,但它真的没有必要,是吗?
下面是我在html中所做的:
<link rel="stylesheet" media="print" href="myap-print.css">
<link rel="stylesheet" media="print" href="myap-screen.css">
<link rel="stylesheet" media="screen" href="myap-screen.css">
注意,media=“print”有两个样式表:myap-print.css和myap-screen.css。这与在myap-pprint.css中包含myap-screen.css的效果相同。