Как изменить цвет шрифта, не вызывая

0

Так что прямо сейчас у меня есть следующий 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 будет черным (что я хотел), но если я затем нажмите "Читать", ссылка на дом станет синим цветом, вместо возврата обратно белый. Я попытался установить: посещенный на белый, но тогда он просто изменит все ссылки, которые я посетил, на белый, независимо от того, нахожусь ли я на странице или нет (нет черного шрифта на текущей странице).

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

  • 0
    Идентификаторы должны быть уникальными.
Теги:

1 ответ

0
Лучший ответ

Вы просто хотите настроить таргетинг на ссылки в своей навигации:

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

#navi a:visited {
    color: #fff;
}
  • 0
    вау это удивительно Вы не только исправили мою проблему, но и добавили концепцию, что текущая страница не может быть черной, независимо от того, что действительно аккуратно. Спасибо !

Ещё вопросы

Сообщество Overcoder
Наверх
Меню