Safari不会从外部服务器加载css文件

Question

我正在开发的其中一个网站是加载外部样式表：

@import url(http://www.othersite.com/stylesheet.css);

除了Safari之外，这适用于每个浏览器。 Safari甚至没有尝试加载它。我做错了什么？

Answer 1

这可能与这个旧错误有关：http://www.thinkoomph.com/thinking/2011-04/odd-css-bug-in-webkit-and-safari-4/？

  

解决方案很简单。我的@import指令被其他指令包围了   CSS说明。虽然IE容忍这个，实际的W3C规范   声明@import指令应该出现在任何其他CSS之前   说明和Firefox尊重这一限制。因此，我的@import   指令被忽略了。我把它移到了文件的顶部   一切都开始了。

和

  

最多一个@charset规则可能出现在外部样式表中 - 它   不得出现在嵌入式样式表中 - 它必须出现在   文件的开头，没有任何字符。

Answer 2

<link rel="stylesheet" type="text/css" href="http://www.othersite.com/stylesheet.css" />

我在阅读一篇详细介绍使用@import vs. tag的优缺点的文章时偶然发现了这个解决方案。我尝试使用标签代替@import，无论出于何种原因，这解决了我的问题。 Safari现在将加载样式表。如果有人知道为什么这有效，请评论:)）