Question

我有主菜单链接颜色和淡出我想要的方式，但子菜单链接..我试图使那些黑色和淡化为不同的颜色..我是一个完整的新的css ..和无法形象出来。我试过添加和更改课程，让自己迷失了......

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

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

这就是你要找的东西 http://jsfiddle.net/cancerian73/5DZSy/1/

#menu li ul li a{color:green}

Answer 2

请在底部添加以下样式：

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

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

2 个答案: