html - 如何更改菜单中事件链接的颜色

Question

这是导航栏的菜单 html 代码:

<nav>
        <div id="menu">
        <ul>
                <li><a href="index.html">Home Page</a></li>
            <li><a href="history.html">History</a></li>
            <li><a href="events.html">Events</a></li>
            <li><a href="inf.html">Information</a></li>
            <li><a href="photo.html">Photos</a></li>
            <li><a href="contact.html">Contact Us</a></li>
            <li><a href="links.html">Useful Links</a></li>
        </ul>
    </div>
</nav>

这是 css 的代码:

 nav{
float: left;
margin-top: 15px;
}

nav ul {
list-style: none;
margin: 0;
padding: 0px 0px 0px 0px;

}

nav li {
display: inline-block;

}

nav a {
padding: 8px 0px;
margin-right:71px;
color: #ffffff;
display: block;
text-decoration: none;
text-transform: capitalize;
font-size: 13px;
}

nav a:hover {
color: #cccccc;
}

例如，如果我当前正在查看历史页面，导航栏中的文本“历史”将是红色的。我怎么能做这样的事情？

@edit:正如评论中所述，我正在努力避免使用 jquery。

Answer 1

这对初学者来说是一个很好的资源:W3Schools

该站点上的此页面包含您问题的答案:CSS Text Formating

我不是有意含糊，但你的问题有点不清楚。