CSS样式在子菜单中不起作用

我已经使用样式表创建了一个css菜单和子菜单。 代码和样式表如下所示

 <style type="text/css">
*{
padding:0px;
margin:0px;
}

#navdiv
{
border: 1px solid black;
text-align:center;
background:#FF0000;
border-radius: 10px;
width: 50%;
margin: 10px;
}

nav ul ul
{
    display:none;
    width:auto;
}

nav ul li:hover >ul
{
    display:block;
}

nav ul
{
    background: #ff0000; 
    padding: 0px;
    border-radius: 0px;  
    list-style: none;
    position: relative;
    display: inline-table;
    font-size: 12px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
    text-transform:uppercase;
}

    nav ul li
{
    float:left;
    background: #ff0000;
    border: 0px solid black;
}

nav ul li:hover
{
    background: #DDDDDD;
    }

nav ul li a
{
    display:block;
    padding: 10px 25px;
    text-decoration: none;
    color:#FFFFFF;
}

nav ul li:hover a
{
    color:#000000;
}

nav ul ul 
{
    background: #ff0000;
    position: absolute; top: 100%;
}

nav ul ul li 
{
    float: none; 
    border: 1px solid #000000;
    position: relative;
    color:#FFFFFF;
}

nav ul ul li a 
{
    background-color: #FFFFFF;
    color: #FFFFFF;
}   

nav ul ul li a:hover 
{
    background: #000000;
    color:#FFFFFF;
}

nav ul ul ul 
{
    position: absolute; left: 100%; top:0;
}

</style>
<div id="navdiv">
<nav>
<ul>
    <li><a href="#">Home</a></li>
    <li><a href="#">Tutorials</a>
        <ul>
            <li><a href="#">Photoshop</a></li>
            <li><a href="#">Illustrator</a></li>
            <li><a href="#">Web Design</a>
                <ul>
                    <li><a href="#">HTML</a></li>
                    <li><a href="#">CSS</a></li>
                </ul>
            </li>
        </ul>
    </li>
    <li><a href="#">Articles</a>
        <ul>
            <li><a href="#">Web Design</a></li>
            <li><a href="#">User Experience</a></li>
        </ul>
    </li>
    <li><a href="#">Inspiration</a></li>
</ul>
</nav>
</div>

但是我不明白为什么字体颜色没有改变？

---

请帮我解决这个问题

尝试将

a:visted

添加到CSS选择器中，而不仅仅是a

---

nav ul li a，nav ul li a：访问

获取此信息的最简单方法如下：

nav ul ul ul li,
nav ul ul li
{
    background-color: #FFFFFF;
    color: #FFFFFF;
} 

---

试试这个，它会解决你的问题，请分享我可以帮助你有更多的选择

只需添加

a:visted

而不是锚定标签

---

例如：

nav ul li a，nav ul li a：访问了

成功了，谢谢你的帮助。请告诉我为什么以前只有nav-ul-li a不起作用。什么nav-ul-li a：访问了吗？这些是您已经访问过的URL，这会导致浏览器以不同的颜色显示它们。字体颜色已经起作用了-请看-请看颜色是白色

nav ul ul ul li,
nav ul ul li
{
    background-color: #FFFFFF;
    color: #FFFFFF;
}