Changing Color/Font/Size of Visited Links

[jkizmannRU09]

I know how to adjust the look of visited links with a CSS stylesheet, but how would one create individual variations among a set of links?

For example, say I have three links, all initially looking the same. After clicking, I want the first to change to red, the second to be blue, the third to be green.

Changing the color seems to be easiest, but if possible, I'd also like the visited links to vary by size, font, and maybe decoration style (bold, italic, underline, strikethrough).

This is for a creative project, in which I've taken a body of text and placed in it somewhat subtle links. Each link triggers an image/piece of text/video to pop up in a surrounding inline frame. After the link has been "found" in the body of text, I want it to stand out (therefore, change the style of the link once it has been visited).

Thoughts? Thank you!

[labmonkey111]

You can use different classes to style the links differently. Define your css like this:

a.link1:link{ ... styles here ...}
a.link1:visited{ ... styles here ...}
a.link1:hover{ ... styles here ...}
a.link1:active{ ... styles here ...}

a.link2:link{ ... styles here ...}
a.link2:visited{ ... styles here ...}
a.link2:hover{ ... styles here ...}
a.link2:active{ ... styles here ...}

...

Then assign the classes to each link:

<a href="..." class="link1">...</a>
<a href="..." class="link2">...</a>
...

Hope that helps.

[jkizmannRU09]

Thanks! That should do it.