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