Html 左菜单的悬停效果不起作用

我正在尝试处理这个非常简单的悬停效果，但我不明白哪里出了问题。我唯一想做的是在悬停时将文本的颜色更改为黑色。我的代码如下： 这是左边菜单的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>

语法错误：

颜色：#000

应该是

颜色

，同时你需要去掉

显示：内联属性

删除
显示：内联
和颜色拼写错误

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

您有一个打字错误：颜色：#000^颜色并没有拼写错误，但对于css来说却是。颜色是如何拼写的，我们英国人：）这就是我使用颜色的方式，即使是在css世界之外，顺便说一句，我知道，而且我没有开始谈论拼写。我用美国英语