是否可以将一个CSS文件包含在另一个CSS中?


当前回答

@import(“/path to your styles.css”);

这是使用css在css样式表中包含css样式表的最佳方式。

其他回答

是,使用@import

详细信息很容易在谷歌上搜索http://webdesign.about.com/od/beginningcss/f/css_import_link.htm

对可以将CSS文件导入另一个CSS文件。

它必须是使用@import规则的样式表中的第一个规则。

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

唯一需要注意的是,较旧的web浏览器将不支持它。事实上,这是从较旧的浏览器隐藏CSS样式的CSS“黑客”之一。

有关浏览器支持,请参阅此列表。

@import url(“base.css”);工作正常,但请记住,每个@import语句都是对服务器的新请求。这对您来说可能不是问题,但当需要最佳性能时,您应该避免@import。

使用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的效果相同。