CSS改变子菜单链接的淡入淡出颜色

Question

http://jsfiddle.net/5DZSy/

我的主菜单链接按我想要的方式着色和淡入淡出，但是子菜单链接..我正在尝试将这些链接设为黑色并淡入不同的颜色..我是一个完整的 CSS 新手..并且看不懂出来。我尝试添加和更改类(class)，结果迷路了......

我怎样才能改变它，使主要链接保持原样，但子菜单有不同的配色方案？

上面的 jsfiddle 链接有 html 和 css..

感谢任何帮助和意见!我知道这可能很简单而且我忽略了一些事情，但这就是我来这里的原因!

<ul id="menu">
<li>
    <a href="#">Home</a>
<li>
    <hr class="menuhr">
<li>
    <a href="#">Link #1</a>
    <ul>
        <li>
            <a href="#" class="blackLink">Child A</a>
        </li>
        <li>
            <a href="#">Child B</a>
        </li>
    </ul>
</ul>

css 在 jsfiddle 链接上..无法将其粘贴并显示在此处，抱歉!

Answer 1

请在底部添加以下样式:

ul#menu li > ul li a {
    color: #000;  /*your submenu link color*/
} 

ul#menu li > ul li a:hover {
    color: #555;   /*your submenu link hover color*/
} 

看这里fiddle