Tech Support Guy banner
Status
Not open for further replies.
1 - 4 of 4 Posts

·
Registered
Joined
·
137 Posts
Discussion Starter · #1 ·
Greetings

I'm a novice with CSS but can get so far.

I have developed a CSS that contains link, visited, hover and active tags.

They work great. However, I want to apply different link, visited, hover and active tags to specific text on the same page, still using CSS. I want both sets to work in parallel.

Any hints for how to do this - or even if I'm wasting my time or something - please let me know.

BTW, I've got the CSS in an external file.

Thanks for any help you can give.

Regards

Gareth
 

·
Registered
Joined
·
213 Posts
Hi.

You can do it with CLASSES.

Your extenal css would contain something like this:

A:hover {font-weight:bold; color: #336699; text-decoration:none}
A:link {font-weight:bold; color: #990000; text-decoration:none}
A:visited {font-weight:bold; color: #990000; text-decoration:none}
A:visited:hover {font-weight:bold; color: #336699; text-decoration:none}
A.nav:link {color:#336699; font-weight:bold; text-decoration:none}
A.nav:visited {color:#336699; font-weight:bold; text-decoration:none}
A.nav:hover {color:#990000; font-weight:bold; text-decoration:none}
A.nav:visited:hover {color:#990000; font-weight:bold; text-decoration:none}

"normal" links would be the default...but you could call your secondary class in a link like this:

Code:
<a href="http://classylinks.ca" class="nav">ClassyLinks</a>
 

·
Registered
Joined
·
137 Posts
Discussion Starter · #3 ·
ClassyLinks to the rescue!

Thank you very much for helping me out.

That does exactly what I want it to do.

Regards

Gareth
 
1 - 4 of 4 Posts
Status
Not open for further replies.
Top