Jump to content

Styling specific links


Recommended Posts

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 !
Link to comment
Share on other sites

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 by dsonesuk
Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

  • Create New...