change color of multicolored link

phpfanman · 09-18-2006, 06:52 AM

I would like a multicolored link text to be completely one color when the link is visited.

Here's what I have:

.box A:visited {

color: #FFFFFF;
}

The form is basically
<a href=""> this text <green> is</green> multi-<blue>colored</blue> </a>

Once the link is clicked all the link text should be black. Is this feasible? How should the order of inheritance be done?

_Aerospace_Eng_ · 09-18-2006, 07:18 AM

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Untitled Document</title>
<style type="text/css">
.box a, .box a:link {
color:#000;
}
.box a span.green, .box a:link span.green {
color:#008000;
}
.box a span.blue, .box a:link span.blue {
color:#00F;
}
.box a:visited span {
color:#000;
}
</style>
</head>

<body>
<div class="box">
<a href="#"> this text <span class="green"> is</span> multi-<span class="blue">colored</span> </a>
</div>
</body>
</html>