как изменить цвет шрифта, не вызывая: посетил

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

Проблема заключается в том, что если я тока есть мой веб-сайт в Home, цвет для Home будет черным (что я хотел), но если я затем нажмите «Читать», ссылка на дом станет синим цветом вместо возврата обратно в белый цвет. Я попытался установить: посещенный на белый, но тогда он просто изменит все ссылки, которые я посетил, на белый, независимо от того, нахожусь ли я на странице или нет (нет черного шрифта на текущей странице).

Помогите, пожалуйста?

Answer 1

Вы просто хотите предназначаться ссылки в вашей навигации: потребность

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

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