CSS问题：链接显示错误

Question

a {
    color: #000;
}

a:hover {
    text-decoration: none;
    color: #fff;
}

这是我使用的代码。但是，我的页面中没有任何链接可以听到这个。他们反而遵守这一点：

#menu li, a {
    text-align: center;
    display: block;
    float: left;
    margin: 0;
    font-family: Arial, Helvetica, sans-serif;
    font-size:1.2em;
    color: #575757;
    text-decoration: none;
    list-style: none;
}

因此很多链接都是倾斜的，因为它们都是左边的东西 链接本身的代码不以任何方式包装。至少不能解释我的错误。

<div id="footer">
  <p><center>Copyright 2008 - <a href="index.php">G.S.B.V. Pugilice</a></center></p>
</div>

这段代码给了我两行而不是一行，链接在第二行左边浮动。

Answer 1

我认为你可能会误解选择者的工作方式。

#menu li, a { ... }

表示将样式应用于ID为#menu 和的元素的任何li后代，以及任何找到的地方。

你真的打算： -

#menu li, #menu a {...}