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

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 之外，Safari 完美运行。无论我做什么，它都不会为这个单独的 div 选择样式(它只使用主体文本样式)，我已经尝试更改名称以防发生冲突，但这也不能解决问题。如果我添加内联样式，那么它在 safari 中也能完美运行。我注意到的另一件事:这是一个附加域(因此该域映射到服务器上的/website/文件夹)，更奇怪的是当我从根域(www.rootdomain.com/website/index)查看它时.php) 并相对包含样式表，然后它在 safari 中也能正常工作。

我不知道该怎么做，因为一切似乎都相互矛盾，safari 可以读取样式表，因为其他一切都在 safari 上的那个页面上工作，并且它在所有其他浏览器中都能完美地工作(并且就像它一样简单得到)所以我看不出那里有什么问题。当我包含与内联样式相同的样式时，它也适用于 Safari。

任何指示或建议(或任何 safari 可能正在做的事情的想法!)将不胜感激，因为我很困惑!

一如既往地感谢大家!

戴夫

Answer 1

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

由于您显示的代码非常好，问题很可能出在代码中的其他地方，例如，它可能是样式表中先前规则中的错误，导致 #sitefooter 规则无法被解析正确。