更新后的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。