html - 如何在下拉菜单中更改 OnMouseHover 上的文本颜色

Question

我有一个下拉菜单。我希望在执行鼠标悬停后立即更改背景和文本颜色。目前背景颜色正在正确更改，而我无法更改文本颜色..

这是 fiddle ... Fiddle

这是 HTML...

               <nav>
                <ul>

                    <li><a href="#">ABOUT US</a>
                        <ul>
                            <li><a href="#">Photoshop&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</a></li>
                            <li><a href="#">Illustrator&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</a></li>
                            <li><a href="#">DreamViewer&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</a></li>
                            <li><a href="#">Web Design&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</a>

                                <ul>
                                    <li><a href="#">HTML</a></li>
                                    <li><a href="#">CSS</a></li>
                                </ul>
                            </li>
                        </ul>
                    </li>

                </ul>

请帮我解决这个问题..

Answer 1

只需在 nav ul ul li a:hover 类中添加此 css color: #000; 即可。

 nav ul ul li a:hover{
        color: #000;(added css)
        background: #e6e6e6;
    }

希望对你有帮助。