javascript - 突出显示下拉菜单

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; }