HTML a，a:悬停工作，但a:未选定

嗨，我有一些HTML和CSS，它们在我的屏幕上创建了一个

。这些项目是指向站点上其他页面的链接。我希望列表中的项目通常为黑色，如果悬停在上方，则为浅灰色，如果用户在屏幕上，则为浅灰色

以下是主屏幕上

的HTML。在主屏幕上，列表项“home”应为浅灰色，而所有其他项应为黑色，除非悬停在上方

<div id="navmenu">
    <ul>
        <li><a class="selected" href="index.html">Home</a></li>
        <li><a href="research.html">Research</a></li>
        <li><a href="cv.html">CV</a></li>
        <li><a href="links.html">Links</a></li>
    </ul>
</div>

链接是黑色的，这很好。当我在它们上方盘旋时，它们也会变成浅灰色，这很好。但每当我选择一个项目进入页面时，我无法将当前的链接设置为浅灰色。这也适用于主页-无论何时我进入第一页，“主页”项都是黑色的

---

有人知道我做错了什么吗？非常感谢您的帮助。

您的意思是：

#navmenu ul li a.selected {
    color:#F2F2F2;
}

见：

CSS2或CSS3中当前没有

：选择的
伪类

应用
.selected
类来表示用户正在访问的当前页面

参考资料：
是的，因为某些原因，当我这样做时：活动，它不工作。不过我还是让它和一个被选中的人一起工作。
#navmenu ul li a.selected {
    color:#F2F2F2;
}