Dynamically change CSS of link based on current page

Question

I have the following links at the top of my web page:

 


      
The World of         


        

Answer 1

  
The World of Icengale
  
History of Icengale
  
Time & Calendar of Icengale

css

.active{background-image: url('../images/blue3.jpg');color:#fff;}