2009-01-01 110 views
1
a { 
    color: #000; 
} 

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

这就是我使用的代码。但是,我的页面中没有任何链接可以听到这一点。他们遵守这个,而不是:CSS问题:链接显示不正确

#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> 

这段代码给了我两条线而不是一条,链接浮在左边的第二行。

回答

8

我想你可能会误解选择器的工作方式。

#menu li, a { ... } 

手段应用样式与ID #menu 一个元素的任何后裔李向任何一个发现的任何地方。

你真的打算: -

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

+0

我感觉这正是他的意思,特别是鉴于id是“菜单”。我认为如果你按照AnthonyW琼斯的建议去做,你应该发现它的行为和你打算的一样。 – 2009-01-01 16:47:01