Навигационная панель меняет цвет при нажатии html ⇐ Html

[Anonymous]

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

Код: Выделить всё

body
{
font-family:sans-serif;
width: 100%;
margin: 0px;
}

/* upper strip holding the tabs*/
ul
{
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
position:fixed;
top: 0px;
width: 100%;
background-color: #328CC1
}

li
{
float:left;
border-right:3px solid #30FFE3;
}

li a
{
display: block;
color: whitesmoke;
text-decoration: none;
padding: 14px 16px;
text-align: center;

}

li a:hover:not(.active)
{
background-color: #111;
}

a.active
{
background-color: #EAB126

}

Код: Выделить всё

[list]
[*][url=#home]Home[/url]
[*][url=#academics]Academics[/url]
[*][url=#athletics]Athletics[/url]
[*][url=#contact]Contact[/url]
[/list]

Подробнее здесь: https://stackoverflow.com/questions/440 ... click-html