Question

我正在尝试定位我在jfiddle中加载的下拉菜单的标题元素：http://jsfiddle.net/DZLtm/16/

我试图这样做，当你滚动导航时，它显示黑色而不是红色。以下是我原本认为会做的那些行。

nav ul li {float: right; width: 172px; height: 35px; background-color: red;}
nav ul li:hover > ul {display: block; text-align: left; background-color: black;}

这是HTML：

<nav>
<ul>
    <li><a href="#">BUTTON IMAGE</a>
        <ul>
            <li><a href="#">Accreditation Client Login</a></li>
            <li><a href="#">Training Client Login</a></li>
            <li><a href="#">Training Registration</a></li>
            <li><a href="#">Guardian Tracking</a></li>
        </ul>
    </li>
</ul>
</nav>

有人可以告诉我为什么导航ul lli：悬停不会工作，什么是＆gt; ul与它有关。当我删除它会打破菜单。谢谢弗兰克！

Answer 1

只需添加nav ul li:hover { background-color:black; }

即可

http://jsfiddle.net/weissman258/DZLtm/17/

主菜单颜色变化

1 个答案: