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') */ }