Styling specific links

[christina_g]

Hello everyone,

 

I've styled my webpages and the links contained in it with an external CSS stylesheet.

 

However, there is one link, occurring at the bottom of each page, that I would like to style in a different way.

 

How can I do this ? The "general link styling" is located right after the "body" styling in the stylesheet :

 

 

<style type="text/css>

body {background-color: #000;

cursor: url('cursor.cur'), auto;

font-family: "Microsoft Sans Serif", Arial, sans-serif;

font-color: #FFFFFF}

a:link {color: #FF0000; text-decoration: none;}

a:visited {color: #FF0000;}

a:hover {color: #FF0000; text-decoration: underline}

Thank you very much for your help !

Christina

[dsonesuk]

Give the link in question a classname

 

<a href="towhatever.html" class="anchor_style01">To What Ever - a must go place</a>

/* default anchor styles */a:link {color: #FF0000; text-decoration: none;}a:visited {color: #FF0000;}a:hover {color: #FF0000; text-decoration: underline}.anchor_style01:link {color: #0000FF; text-decoration: underline;}.anchor_style01:visited {color: #0000FF; }.anchor_style01:hover {color: #0000FF; text-decoration: none;}

Edited November 10, 2014 by dsonesuk

[christina_g]

Wonderful ! Easy and precise :-)

 

Thank you so much !