突出显示下拉菜单

Question

好的，基本上我不知道我在用HTML和CSS做什么。

在我的博客上：http://oligclimbing.blogspot.co.uk/我在顶部添加了一个链接到博客上不同页面的栏，为此，我从教程中复制了一段代码。

这是代码：

<!--[if lte IE 7]>
<script type="text/javascript" src="http://pixopoint.com/wp-content/plugins/pixopoint-menu/scripts/suckerfish_ie.js"></script>
<![endif]-->
<ul id="suckerfishnav" class="sf-menu">
  <li><a href="http://oligclimbing.blogspot.co.uk/">Home</a></li>
  <li><a href="http://oligclimbing.blogspot.co.uk/p/photos_8.html">Photos</a>
  <li><a
 href="http://oligclimbing.blogspot.co.uk/p/videos.html">Videos
<li><a
 href="http://oligclimbing.blogspot.co.uk/p/about-me.html">BIO
    <ul></ul></a
></li></a
></li></li></ul>

当有人在其中一个盒子上盘旋时，如何突出显示这一事实，例如背景变为略深的灰色？我会写什么？

提前致谢！

Answer 1

你是不是喜欢这样的CSS？

#suckerfishnav li:hover { background-color: #eeeeee; }