Meerdere Style sheets op 1 pagina werkt niet meer in IE6

[REDFISH]

Vroeger deed ik het altijd zo:

<style>
<!--
A {color:#000000;text-decoration:none;}
A.:active {color:#000000;}
A.:visited {color:#000000;}
A.:hover {color:#000000;)
A.:visited:hover {color:#000000;}

.A2 {color:#000000;text-decoration:none;}
.A2:active {color:#000000;}
.A2:visited {color:#000000;}
.A2:hover {color:#000000;text-decoration:underline;}
.A2:visited:hover {color:#000000;}

.A3 {color:#36819C;text-decoration:none;}
.A3:active {color:#36819C;}
.A3:visited {color:#36819C;}
.A3:hover {color:#36819C;text-decoration:underline;}
.A3:visited:hover {color:#36819C;}

-->
</style>

Op deze manier maakte ik meerdere style sheets aan, dan kan je in de links <a href="bla.html" class="a2"> invullen, dan kreeg je mooi voor die link de A2. Maar sinds IE 6 werkt dit niet meer. Hoe moet ik dit oplossen?

[2]

ipv

code:

.A2 {color:#000000;text-decoration:none;}

doe je

code:

A.A2 {color:#000000;text-decoration:none;}

[REDFISH]

Okay thanx, het werkt.

[REDFISH]

Hrm, toch niet dus.

Hij doet het wel met de A.A2 onder IE5, maar onder 6 weigert ie gewoon. Zwaar irritant, moet ik het anders ook CLass = A.a2 maken?

[crisp]

ik zou gewoon alles in lower-case doen...

[[eNeRGy]]

Werkt die A.:hover wel ? Kan je dat niet beter zonder '.' schrijven ?

A.:hover {color:#000000;)

die ) = } neem ik aan

[Verwijderd]

code:

A.p1       { color: #ffffff; }
A.p1:link  { color: #ffffff; }
A.p1:hover { color: #FDB301; }


A.p2       { color: #FDB301; }
A.p2:link  { color: #FDB301; }
A.p2:hover { color: #ffffff; }


A.p3       { color: #FDB301; }
A.p3:hover { color: #ffffff; }
A.p3:active{ color: #ffffff; }

Moet het gewoon doen