CSS for Current link (href)

• • Reply

  13 years ago

  by alohamora

  Aloha Mora

  , Singapore

  Joined 15 years ago

  Hi members,

  I am developing a website, i have several navigation links on each page I have applied some CSS for each link, like hover, actice, visited etc, NOW my problem is that I was the CURRENT link to look different from the other, means the page which is currently on, the link for that page on the page should look say in red color (diff from the others),
  How to do it.
  

  Please Help

  Aloha

  Report abuse
• • Reply

  13 years ago

  by Mulish Mehdi

  Tehran, Iran

  Joined 16 years ago
  Hi

  <a class="Link1" href="#">Style1</a>
  <a class="Link2" href="#">Style2</a>
  

  a.Link1
  {
  	color: #666666;
  	text-decoration: none;
  	font-family: Tahoma;
  	font-size: 8pt;
  }
  
  a.Link1:hover
  {
  	color: Gold;
  	text-decoration: none;
  	font-family: Tahoma;
  	font-size: 8pt;
  }
  
  a.Link2
  {
  	color: Blue;
  	text-decoration: none;
  	font-family: Tahoma;
  	font-size: 8pt;
  }
  
  a.Link2:hover
  {
  	color: DarkBlue;
  	text-decoration: none;
  	font-family: Tahoma;
  	font-size: 8pt;
  }
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  

  Report abuse