html - 在不悬停时无法使 li 链接的颜色正确

Question

我在悬停和所有其他 syling 作品中得到白色，它只是在它的静态位置它仍然具有标准颜色。我看了一遍又一遍，就是看不出来！

的CSS

    .MainMenu li{
display: inline;
margin-left: 0px;
text-decoration:none;
height: 35px;
color: #ffffff;
}
.MainMenu :link{
text-decoration:none;
margin-left: 0px;
height: 35px;
font-size: 24px;
padding-top:10px;
padding-bottom:10px;
padding-left: 5px;
padding-right: 5px;
color: #ffffff;
}
.MainMenu :hover {
background: #34a4f8;
text-decoration: none;
height: 35px;
color: white;
}
.MainMenu {
padding-left:0px;
}
p.MainMenu {
color:#ffffff;
}

html

<p class='MainMenu'>
<ul class="MainMenu">
  <li><a href="">Home</a></li>
  <li><a href="">Gallery</a></li>
  <li><a href="">Contact Us</a></li>
</ul>
</p>

Answer 1

为了回应@mrtsherman 的评论，目前尚不清楚您想要什么。

但这将有助于您的测试，我相信：代替<a href="">，尝试使用<a href="#">.