У меня есть следующие ссылки в верхней части моей веб-страницы:

 <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>

Цвет каждой ссылки синий и каждый<li> имеет в качестве фонового изображения (background-image: url ('../ images / blue2.jpg').

То, что я хотел бы сделать, это динамически изменить CSS отдельной ссылки на основе текущей страницы. Например, если кто-то находится на странице history.htm, то цвет ссылки изменится на белый, а фоновое изображение изменится на другую (в данном случае, «blue3»). CSS для всех других ссылок останется То же самое. Как бы я это сделал?

Как всегда, любая помощь очень ценится!

Береги себя и хорошего дня ....

чао, джон.