ul ul li a不响应颜色

Question

嘿，我在试着做：

nav彩色#FFF中的ul ul li a

但无论我做什么，我都不能改变它，我认为这可能是：

ul li a正在影响它，然而，这是#FFF to？

我的目标是在黑色背景上显示白色文本，然后在白色hover上显示黑色文本。

到目前为止，我的代码如下：

CSS：

nav ul ul li

{
    background: #4a4a4a;
    float: none; 
    position: relative;
   color: #FFF;
}

    nav ul ul li a 

{
    color: #FFF;
    padding: 10px 51px;
}

    nav ul ul li a:hover 

{
    background: #FFF;
    color: #000;
}

HTML：

<nav>
                <ul>
                    <li><a href="#">Home</a></li>
                    <li><a href="#">Services</a></li>
                    <li><a href="#">Our Prices</a></li>
                    <li><a href="#">Web Design</a>
                        <ul>
                            <li><a href="#">Portfolio</a></li>
                            <li><a href="#">Pricing</a></li>
                        </ul>
                    </li>
                    <li><a href="#">Consulting</a></li>
                    <li><a href="#">Quick Hire</a></li>
                </ul>
            </nav>

任何帮助都是非常感谢的:)。

Answer 1

很可能，这些是您已经访问过的URL，这会导致浏览器以不同的颜色显示它们。

将a:visited而不仅仅是a添加到CSS选择器中。

nav ul ul li a, nav ul ul li a:visited