Question

我使用了@import at-rule，它位于我的HTML的<head>中：

<style>
@import url('https://googledrive.com/host/0B4nfVqlTfnTzam45bnFnTXUyOEU');
</style>

这会显示在Firefox中，但不会显示最新版本的Safari。有谁能解释为什么？是因为该文件位于Google云端硬盘中吗？

如果它只是实际的CSS问题，那么我不介意，因为它只是一个测试，看看@import是否有效，但这种导入样式表的方法是否适用于大多数浏览器？

Answer 1

虽然这应该是一种将样式链接到您的网站的功能方法，但这不是最佳做法。它基本上告诉浏览器你提供了一个内部样式表，然后告诉它导入一个外部样式表来嵌套在这个元素中。如果这会在不同的浏览器中产生不一致的结果，我不会感到惊讶。尝试跳过标签并改为包含：

<link rel="stylesheet" href="https://googledrive.com/host/0B4nfVqlTfnTzam45bnFnTXUyOEU/yourfilename.css">

现在，您应该考虑以这种方式实现此方法，但请注意我也更改了文件路径。将“yourfilename.css”替换为样式表的文件名。即使链接的目录只包含一个样式表，您也必须显式定义该文件，以便浏览器找到它。