Question

嘿，我正在尝试制作：

ul ul li a颜色nav

中的

#FFF

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

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

我的目标是在深色背景上使用白色文字，然后在白色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

我认为你们正在努力实现同样的目标：

<强> 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;
    }

Answer 2

在所有情况下，这些都是您已访问过的网址，这会导致浏览器以不同的颜色显示它们。

将a:visited而非a添加到CSS选择器。

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

ul ul li对颜色没有反应

2 个答案: