Navbar изменить цвет на щелчке HTML ⇐ Html

[Anonymous]

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

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

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

}< /code>
[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