css - 順序付けされていないリストを含むナビゲーション バー

Question

この質問は十分に単純で、html クラスを取得し、割り当てを完了しようとしているときにこの問題を実行する必要があります。順序なしリストを作成し、CSS を使用して書式設定してナビゲーション バーを作成しましたが、ナビゲーション バーに対して行った書式設定が原因で、ページに順序付きリストを作成できません。

Answer 1

ナビゲーション バーの HTML は次のようになります。

<ul id="navbar">
    <li><a href="home.htm">Home</a></li>
    <li><a href="about.htm">About</a>/</li>
    <!-- ... -->
</ul>

また、CSS は次のようにする必要があります。

ul#navbar {
    display:inline;
    /* Any other CSS you want */
}
ul#navbar li {
    display:inline;
}

そして、その CSS は、作成する他の UL には影響しません。

Answer 2

一般的なリスト スタイルを記述してから、ナビゲーション バー用にオーバーライドする必要があります。

ul { /* Basic UL styles here */ }

#main-navigation ul { /* Navigation menu styles here (assumes a container with ID 'main-navigation') */ }