title: Dynamically change CSS of link based on current page
body: <p>I have the following links at the top of my web page:</p>
  
  <pre><code> &lt;ul class="icyLink"&gt;
  
        &lt;li&gt;&lt;a class="nav1" href="index.html"&gt;The World of Icengale&lt;/a&gt;&lt;/li&gt;
        &lt;li&gt;&lt;a class="nav1" href="history.htm"&gt;History of Icengale&lt;/a&gt;&lt;/li&gt;
        &lt;li&gt;&lt;a class="nav1" href="calendar.htm"&gt;Time &amp; Calendar of Icengale&lt;/a&gt;&lt;/li&gt;
  
   &lt;/ul&gt;
  </code></pre>
  
  <p>The color of each link is blue and each <code>&lt;li&gt;</code> has as a background image (background-image: url('../images/blue2.jpg').</p>
  
  <p>What I would like to do is dynamically change the css of an individual link based on the current page.  For example, if someone is on the history.htm page then the color of the link will change to white and the background image will change to another (in this case, "blue3).  The css for all of the other links would remain the same.  How would I do this?</p>
  
  <p>As always, any and all help is greatly appreciated!</p>
  
  <p>Take care and have a great day....</p>
  
  <p>ciao,
  john.</p>