css - 更新時の CSS の変更

Question

この Web サイトの連絡先ページは完全に機能しますが、ページを更新するdisplay:inline;と、ナビゲーション リストの CSS プロパティが無効になります。この問題は Safari にのみ存在します。

同じ CSS スタイルシートが他の 2 つのページに使用されており、それらは問題なく使用されているため、非常に混乱しています!

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

Answer 1

まず、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 セレクター/ルールを調整する必要がある場合があります。

奇妙なマークアップ/スタイルの動作が見られるときはいつでも、特にそれがブラウザ固有のものである場合、最初にすべきことはコードを検証することです。