html - 为什么我的 Google Drive CSS 没有显示在 Safari 中？

Question

我使用了@importat 规则，它位于<head>我的 HTML 中：

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

这显示在 Firefox 中，但不是最新版本的 Safari。谁能解释为什么？是因为该文件在 Google Drive 中吗？

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

score 0 · Accepted Answer

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

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

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

1 回答 1