Javascript 突出显示下拉菜单

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

在我的博客上：我在顶部添加了一个链接栏，链接到博客上的不同页面，为此我从教程中复制了一段代码

这就是代码：

<!--[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>

录像带
生物

当有人将鼠标悬停在其中一个框上时，我如何突出显示这一事实，例如背景变为略深的灰色？我会写什么

---

提前谢谢

你只是想要一些像这样的CSS吗

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

---

我想是的，干杯！但是我应该把它放在上面的代码里呢？在上面的代码里？不在哪里。您可以将其添加到文档头部或外部.css文件中的样式表/css中；在同一个位置为“sf菜单”类声明任何样式规则