Tenho os seguintes links na parte superior da minha página da web:

 <ul class="icyLink">

      <li><a class="nav1" href="index.html">The World of Icengale</a></li>
      <li><a class="nav1" href="history.htm">History of Icengale</a></li>
      <li><a class="nav1" href="calendar.htm">Time & Calendar of Icengale</a></li>

 </ul>

A cor de cada link é azul e cada<li> tem como imagem de fundo (imagem de fundo: url ('../ images / blue2.jpg').

O que eu gostaria de fazer é alterar dinamicamente o css de um link individual com base na página atual. Por exemplo, se alguém estiver na página history.htm, a cor do link mudará para branco e a imagem de plano de fundo mudará para outra (nesse caso, "blue3). O css para todos os outros links permanecerá o mesmo.Como eu faria isso?

Como sempre, toda e qualquer ajuda é muito apreciada!

Tome cuidado e tenha um ótimo dia ....

ciao, john.