html - 无法让 li 链接在不悬停的情况下成为正确的颜色

标签 html css

我在悬停和所有其他符号工作时得到白色,它只是在其静态位置它仍然具有标准颜色。我看了一遍又一遍,就是看不到!

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>

最佳答案

为了回应@mrtsherman 的评论,不清楚您想要什么。

但这将有助于您的测试,我相信: 而不是 <a href=""> ,尝试使用 <a href="#"> 进行测试.

关于html - 无法让 li 链接在不悬停的情况下成为正确的颜色,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10168076/

相关文章:

html - 表格列从右到左开始

javascript - 相同的 window.addEventListener 对于 2 个 html 文件

css - 跨越多个 CSS 网格区域的背景渐变

css - 如何将较短的 flex 内容拉到上面的行中

jQuery - 打开新组时关闭其他组

python - Django:模板中的变量中的变量

php - 在 php/html 文档中使用 Css

html - 设置多个容器的高度为两个固定div之间的剩余高度

javascript - 如何在 css 中进行图像颜色混合?

覆盖html行的Javascript函数