Question

我有一个非常模糊的问题，我无法弄清楚它为什么会这样，我有一个我正在构建的网站，在它的底部我有一个非常简单的页脚，其中有一个链接：

<div id="sitefooter">
<a href="#">This is the link</a>
</div>

我在相关的样式表中设置了这个（以及许多其他东西），如下所示：

#sitefooter {
float: right; width: 235px; margin: 10px 0 20px 0; text-align: center; font-size: 0.85em;
}

页面（使用大量CSS）绝对完美地显示在除Safari之外的所有浏览器上，除了显示但最终忽略所有外部样式的最终div之外。无论我做什么，它都不会为这个单独的div（它只是使用主体文本样式）选择样式，我已经尝试更改名称，以防出现冲突，这也没有解决它。如果我添加内联样式，那么它也适用于safari。我注意到的另一件事是：这是一个插件域（所以域被映射到服务器上的/ website /文件夹），更奇怪的是当我从根域查看它时（www.rootdomain.com/website/index .php）并且相对包含样式表然后它也可以在safari中正常工作。

我无法弄清楚要做什么，因为一切似乎都是冲突的，safari可以阅读样式表，因为其他所有内容都在Safari的页面上工作，并且它在所有其他浏览器中都能很好地工作（并且就像它一样简单得到）所以我看不出那里有什么不妥。当我包含与内联样式相同的样式时，它也适用于safari。

任何指针或建议（或任何野生动物园的想法可能都在做！）会非常感激，因为我很困惑！

非常感谢大家！

戴夫

Answer 1

Validate the HTML和the CSS，检查代码中是否存在严重错误。

由于您显示的代码非常精细，问题很可能是代码中的其他位置，例如，样式表中的先前规则中的错误可能导致#sitefooter规则无法解析正确。

Answer 2

这是一个缓存问题:) 你可以禁用safari缓存here

删除Safari缓存文件夹。这应该在〜/ Library / Caches / Safari / 。
中
创建一个空文本文档并将其另存为“Safari”（无扩展名）并放在〜/ Library / Caches / 中。我认为几乎任何类型   Document会为此工作，只需确保文件的名称   匹配旧文件夹的名称，这样，新文件夹不能   由Safari创建的时候需要一个

外部样式表不适用于safari中的一个div但其他div工作正常吗？

2 个答案: