css - ul ul li a 对颜色没有反应

Question

嘿，我正在尝试:

ul ul li a in a nav color #FFF

但无论我做什么我都无法改变它我认为可能是:

ul li a 正在影响它，但是那是 #FFF 吗？

我的目标是深色背景上的白色文本，然后是白色悬停上的黑色文本。

到目前为止，这是我的代码:

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

我想你正在努力实现同样的目标:

JSbin Demo

    nav ul ul li    {     background: #4a4a4a;     float: none;      position: relative;     color: #FFF;    }    nav ul ul li a     {     color: #FFF;     padding: 0px 51px;    }    nav ul ul li:hover    {     background: #FFF;    }    nav ul ul li:hover a    {     background: #FFF;     color: #000;    }    nav ul ul li a:hover     {     background: #FFF;     color: #000;    }