[punky]

Well, I haven't seen that square brackets in CSS before. It wasn't the way I was taught anyway. I just subclassed it like so:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> test page </TITLE>
<style type="text/css">

body {background-color:#D0BFAC; color:#000000; font-size:12pt; font-family:TimesRoman,Arial;text-align:center; margin-left:1cm; margin-right:1.5cm; font-weight:bold;}
a:link {color:#0000FF;}
a:visited {color:#FF0000;}
a:active {color:#FFFF00;}
a:hover {color:#008000;}
hr {width:95%; height:2px; color:#C0C0C0;}
a.white:link {color:#FFFFFF;}
a.blue:link {color:#0000FF;}
a.orange:link {color:#FFA500;}
a.green:link {color:#008000;}
a.yellow:link {color:#FFFF00;}
a.purple:link {color:#800080;}
a.brown:link {color:#A52A2A;}
a.black:link {color:#000000;}


span.white:hover {background-color:#FFFFFF; color:#000000;}
span.blue:hover {background-color:#0000FF; color:#FFFFFF;}
span.orange:hover {background-color:#FFA500; color:#000000;}
span.green:hover {background-color:#008000; color:#FFFFFF;}
span.yellow:hover {background-color:#FFFF00; color:#000000;}
span.purple:hover {background-color:#800080; color:#FFFFFF;}
span.brown:hover {background-color:#A52A2A; color:#FFFFFF;}
span.black:hover {background-color:#000000; color:#FFFFFF;}
</style>
</head>

<BODY>
<a class="white" href="white.html"><span class="white">white</span></a><br>
<a class="blue" href="blue.html"><span class="blue">blue</span></a><br>
<a class="orange" href="orange.html"><span class="orange">orange</span></a><br>
<a class="green" href="green.html"><span class="green">green</span></a><br>
<a class="yellow" href="yellow.html"><span class="yellow">yellow</span></a><br>
<a class="purple" href="purple.html"><span class="purple">purple</span></a><br>
<a class="brown" href="brown.html"><span class="brown">brown</span></a><br>
<a class="black" href="black.html"><span class="black">black</span></a><br>


</BODY>
</HTML>

Tested in FireFox and IE and it works just fine. I'm going to see about post #16 now.

Edit: An advantage of subclassing it is that it can be reused. you can have multiple whites, blues, reds, etc, regardless of their address.

Another edit: Funnily enough post #16 was about subclassing and you didn't know. you can create a default style, and then a subclass of that style which is different. You would do it like this:

td {
...default style...
}

td.heading {
...special heading style...
}

And you would use it like this:

<table>
<tr><td class="heading">Special heading</td></tr>
<tr><td>general cell></td><td>another general cell</td></tr>
</table>

I didn't want to complicate things but if you wanted that heading cell to stretch across the whole table, as the row below it has 2 cells instead of one, you'd put

<tr><td class="heading" colspan=2>Special heading</td></tr>