CSS更新刷新

Question

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

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

http://www.katieburchett.co.uk/Contacts.html

Answer 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。< / p>