刷新时的 CSS 更改 [关闭]

【问题标题】：CSS changes on refresh [closed]刷新时的 CSS 更改 [关闭]
【发布时间】：2013-10-13 05:35:58
【问题描述】：

本网站的联系人页面功能齐全，但当您刷新页面时，导航列表的 CSS 属性 display:inline; 变为无效。这个问题只存在于Safari中。

另外两个页面使用了相同的 CSS 样式表，它们都很好，所以我很困惑！

【问题讨论】：

【解决方案1】：

首先，您的 HTML 标记无效。只要是这种情况，我希望任何行为都是未定义的和特定于浏览器的。你有这个：

<ul>
    <a href="index.html">
        <li>Home</li>
    </a>
    <!-- and so on -->
</ul>

According to the spec，只有li 元素可以作为ul 元素的直接子元素。所以标记应该是这样的：

<ul>
    <li>
        <a href="index.html">Home</a>
    </li>
    <!-- and so on -->
</ul>

当然，在进行更改后，您可能需要调整 CSS 选择器/规则以适应新标记。

每当您看到奇怪的标记/样式行为时，尤其是当它是特定于浏览器时，您应该做的第一件事是validate your code。

【讨论】：