有理由继续使用"@import"css规则吗？

Question

我最近在Coda.com上看到了@import规则的使用.他们实际上是用来导入网站的主样式表,特别是格式:

<style type="text/css" media="screen">
  @import url(./coda.css);
</style>

这将隐藏Netscape 3和IE 3和4的规则.由于Web开发工具主要受众将使用现代浏览器,还有什么其他原因可以使用它而不是链接？

Answer 1

没有.使用<link>元素还具有摆脱FOUC的优势.

编辑:使用@import在另一个样式表(.css文件)可用于像#include在C,但没有任何理由使用@import 在一个<style>块中.

Answer 2

对于Coda的网站,我想他们更多的是出于习惯而不是任何紧迫的技术需求.

@import实际CSS文件内部的语句(不在<style>HTML 中的元素中)有很多用途,例如可以轻松地交换进出其他CSS文件.Blueprint CSS框架可以让您轻松删除框架的某些部分,例如排版内容或网格内容.

当然,在生产环境中,使用一堆@import语句是不受欢迎的,因为它增加了Web浏览器必须下载的文件数量.