Question

所以我想格式化水平导航列表。在我的HTML页面中，它说：

  <nav class="horizontal">
     <ul>
        <li><a href="#">Home</a></li>
        <li><a href="#">News &amp; Events</a></li>
        <li><a href="#">Bookings</a></li>
        <li><a href="#">Members Only</a></li>
        <li><a href="#">Support GCC</a></li>
     </ul>
  </nav>

所以在我的css文件中我把它放了，但它似乎不起作用：

 Nav.Horizontal {
    background-color:rgb(0,0,0);
    color: rgb(255,255,255);
    font-weight: bold;
    font-size:10px;
    letter-spacing:3px;
}

a:Nav.Horizontal {
    color:rgb(255,0,0)
}

Answer 1

这应该可以解决问题：

nav.horizontal li {
    display: inline-block;
}

同样a:Nav.horizontal是一个不正确的选择器。在CSS中，:选择器用于选择特殊状态的元素，如访问链接或选中的输入。请参阅pseudo-clases。

如果您想在a内设置nav样式，则应编写nav.horizontal a。（注意nav是小写的。）

我正在尝试格式化水平导航列表

1 个答案: