How can I change the color of one link? 2

[Zych]

Hello All,

How do I change the color of one link? I want all of the other links to operate normaly. I know I can remove the underline by using STYLE="TEXT-DECORATION: NONE" in the anchor section. I would imagine the color would be similar but I can not find out how to do this. I know I can modify it in the body but I only want to change one link.

Thx - Zych

 

[taylorantone]

a
{style="text-decoration: none; color: #FFFFFF;"}
...where FFFFFF is the hex color of choice.

You can also change the hover style of the link:
a:hover
{style="text-decoration: underline; color: #ABCDEF;"}

 

[CliveC]

<style>
a.c1 {color:blue text-decoration:none}
a.c1:hover {color:red}
a.c1:active {color:yellow}
a.c1:visited {color:blue}
</style>
<a class="c1" ...>...

Clive

http://tubularity.com

http://PalliativeCareConsulting.org

 

[CliveC]

missed a ;
a.c1 {color:blue text-decoration:none}
should be:
a.c1 {color:blue; text-decoration:none}



Clive

http://tubularity.com

http://PalliativeCareConsulting.org

 

[Zych]

Thanks for the quick answers guys. I gave you both stars. Thank you thank you thank you!

 

[Vragabond]

To rectify a small error in Clive's example. Pseudo classes must be followed in correct order to function correctly:

<style type="text/css">
a.c1         { color: blue; text-decoration: none; }
a.c1:visited { color: blue; }
a.c1:hover   { color: red; }
a.c1:active  { color: yellow; }
</style>

 

[CliveC]

Hmmm, Guess I had not noticed that as I don't usually use "visited". Thanks for the tip.

Clive

http://tubularity.com

http://PalliativeCareConsulting.org