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 !

Share this post

Link to post
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

Share this post

Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.


  • Create New...