Tengo los siguientes enlaces en la parte superior de mi página 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>

l color de cada enlace es azul y cada<li> tiene como imagen de fondo (background-image: url ('../ images / blue2.jpg').

Lo que me gustaría hacer es cambiar dinámicamente el CSS de un enlace individual en función de la página actual. Por ejemplo, si alguien está en la página history.htm, el color del enlace cambiará a blanco y la imagen de fondo cambiará a otra (en este caso, "azul3"). El CSS para todos los demás enlaces seguirá siendo el igual. ¿Cómo haría esto?

Como siempre, cualquier ayuda es muy apreciada!

Tenga cuidado y tenga un gran día ...

ciao, john.