如何在不触发 a:visited 的情况下更改字体颜色

Question

所以现在我有以下 HTML 和 CSS

<div id = "navi">
            <ul>
                <li><a id = "topLinks" class = "currentPage" href = "index.html"> Home </a></li>
                <li><a id = "topLinks" href = "blockOne.html"> Read </a></li>
                <li> Write </li>
                <li> Vote </li>
                <li> Donate </li>

            </ul>
        </div>

CSS：

#topLinks:hover, #topLinks:active{
color: black;   
}

.currentPage{   

color:#ce5438;
font-size: 40px;
}

问题是，如果我目前在主页上有我的网站，主页的颜色将为黑色（我想要的），但如果我然后单击阅读，主页的链接将变为蓝色而不是变回白色。我尝试将 a:visited 设置为白色，但它只会将我访问过的所有链接更改为白色，无论我是否在页面上（当前页面上没有黑色字体颜色）。

请帮忙？

Answer 1

您只需要定位导航中的链接：

#navi a.currentPage {
    color: #000;
}

#navi a:visited {
    color: #fff;
}