css - 刷新时 CSS 更改

Question

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

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

score 0 · Accepted Answer

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

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

根据规范，只li允许元素作为元素的直接子ul元素。所以标记应该是这样的：

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

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

任何时候你看到奇怪的标记/样式行为，特别是当它是特定于浏览器的时候，你应该做的第一件事就是验证你的代码。

1 回答 1