是否可以将一个CSS文件包含在另一个CSS中?
当前回答
@import url(“base.css”);工作正常,但请记住,每个@import语句都是对服务器的新请求。这对您来说可能不是问题,但当需要最佳性能时,您应该避免@import。
其他回答
Yes:
@import url("base.css");
注:
@import规则必须先于所有其他规则(@charset除外)。额外的@import语句需要额外的服务器请求。作为替代方案,将所有CSS连接到一个文件中,以避免多个HTTP请求。例如,将base.css和special.css的内容复制到base-special.css中,并仅引用base-specific.css。
@import url('style.css');
与最佳答案相反,在使用HTTP/2.0时,不建议将所有CSS文件聚合到一个块中
CSS@import规则就是这样做的。例如。,
@import url('/css/common.css');
@import url('/css/colors.css');
在某些情况下,使用@import“file.css”是可能的,大多数现代浏览器都应该支持这一点,但像NN4这样的旧浏览器会稍微有些疯狂。
注意:import语句必须在文件中的所有其他声明之前,并在生产中使用它之前在所有目标浏览器上测试它。
是,使用@import
详细信息很容易在谷歌上搜索http://webdesign.about.com/od/beginningcss/f/css_import_link.htm