0

我正在尝试处理这种非常简单的悬停效果，但我不明白我哪里出错了。我唯一想做的就是在悬停时将文本的颜色更改为黑色。我的代码如下： 这是左侧菜单的 CSS

/* === Left Menu === */
.leftmenu{

width:200px;
text-align:center;  
}
.leftmenu ul
{
  list-style-type:none;

  width:200px;

  margin:0;
  padding:0;
 }
.leftmenu ul li
{
  width:200px;
  text-align:center;
  border-bottom: 1px solid #005680;
}
.leftmenu ul li a
{
  display:block;
  text-decoration:none;
  background-color:#fff;
  color: #999;
  font-family:Arial, Helvetica, sans-serif;
  font-size:16px; 
  padding:8px;
  cursor:pointer;
}
.leftmenu a:hover
{
  display:block;
  colour:#000;
  display:inline;   
}

这是html代码：

 <div class="leftmenu" align="center">
    <ul>
     <li><a href="ABOUTUS1.HTML">About Us</a></li>
     <li><a href="Nutrition.html">Nutrition Facts</a></li>
     <li><a href="Dist.html">Trade With Us</a></li>
     <li><a href="Contact.html">Get In Touch</a></li>
    </ul>
  </div>
4

2 回答 2

1

语法错误：colour:#000;应该是color，你也需要摆脱display: inline;财产

演示

于 2013-06-11T09:12:11.340 回答
0

删除display:inline和颜色拼写错误

.leftmenu a:hover
{
  display:block;
  color:#000; 
}

演示

于 2013-06-11T09:12:20.857 回答