@import 有什么作用？答案

【问题标题】：What does @import do?@import 有什么作用？
【发布时间】：2011-05-20 23:11:11
【问题描述】：

我在某个地方看到了这段代码，我想知道@import 应该做什么？我不认为这是服务器端的事情。这是浏览器处理的吗？？

<style type="text/css">
    @import "http://somedomain/dojo/dojo/resources/dojo.css";

    #lblTitle {
    font-size: 16px;
    color:#ffffff;
    font-weight:bold;
</style>

【问题讨论】：

可能不是最好的来源，但有很好的描述。见webdesign.about.com/cs/css/qt/tipcssatimport.htm
只需获取 CSS 并将其推到 @import 行所在的位置。没有别的，真的。它是纯 CSS 的；它与 JavaScript 无关，我认为至少是这样。

标签： css stylesheet

【解决方案1】：

“@import”规则允许用户从其他样式表中导入样式规则。在 CSS 2.1 中，任何 @import 规则必须在所有其他规则之前（@charset 规则除外，如果存在）。有关用户代理何时必须忽略 @import 规则的信息，请参阅解析部分。 '@import' 关键字后面必须跟要包含的样式表的 URI。也允许使用字符串；它将被解释为好像它周围有 url(...)。

来自Cascading Style Sheets Level 2 Revision 1 (CSS 2.1) Specification

【讨论】：

所以，这和通常链接样式表是一样的，除了这让你在样式块内或另一个 .CSS 文件内做？
@Roberto Sebestyen 有一些细微的差异，例如在 Netscape 4、IE3 和 IE4 中缺少 @import，但这些差异可以忽略不计。 @import 的主要用途之一是创建单个包装器 .css 文件，该文件导入所有其他 .css 文件，以便 HTML 只需要链接所描述的包装器（尽管 HTTP 请求的数量保持不变） .

【解决方案2】：

这是一个由浏览器处理的 css 指令。它用于包含外部 css 文件。这是参考：http://www.w3.org/TR/CSS2/cascade.html#at-import

【讨论】：

当。 Gio，你更快。 :)

【解决方案3】：

加载在dojo.css中定义的CSS样式，然后定义一个额外的样式#lblTitle

最初我认为 dojo.css 可能与 http://dojotoolkit.org 有关。但现在我不这么认为。只是命名空间冲突？

【讨论】：