带有无序列表的导航栏

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