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

时间:2020-03-06 14:51:37  来源:igfitidea点击:

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

解决方案

是的:

@import url("base.css");

笔记:

  • @import规则必须位于所有其他规则之前(@charset规则除外);和
  • 添加的@import语句需要添加的服务器请求。

将CSS聚合到一个文件中,以避免多个HTTP请求。也就是说,将" base.css"和" special.css"的内容复制到" base-special.css"中,并且仅引用" base-special.css")。

在2008年,并非所有浏览器都支持@ import(请参阅浏览器兼容性)。

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上的一个很好的信息

是的。

@import "your.css";

该规则在此处记录。

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

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

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

唯一的警告是较旧的Web浏览器将不支持它。实际上,这是对较旧的浏览器隐藏CSS样式的CSS" hack"之一。

请参阅此列表以获取浏览器支持。

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