CSS问题:链接显示不正确
问题描述:
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>
这段代码给了我两条线而不是一条,链接浮在左边的第二行。
答
我想你可能会误解选择器的工作方式。
#menu li, a { ... }
手段应用样式与ID #menu 和一个元素的任何后裔李向任何一个发现的任何地方。
你真的打算: -
#menu li, #menu a {...}
?
我感觉这正是他的意思,特别是鉴于id是“菜单”。我认为如果你按照AnthonyW琼斯的建议去做,你应该发现它的行为和你打算的一样。 – 2009-01-01 16:47:01