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 {...}

？