Pseudo Classi

[cisca]

Salve a tutti, ho bisogno di un vs. aiuto per quanto riguarda la gestione delle pseudo classi CSS, mi spiego meglio:

sto realizzando un lavoro dove per necessità grafiche debbo utilizzare nella stessa pagina background di colore diverso e i link contenuti debbono poter essere visibili su di essi, per questo mi sono creato un CSS dove definisco delle pseudo classi che riporto di seguito:

A:link {
font-size: 9px;
text-decoration:none;
color:#ffffff;
}
A:visited {
font-size: 9px;
text-decoration:none;
color:#ffffff;
}
A:active {
font-size: 9px;
text-decoration:none;
color:#ffffff;
}
A:hover {
font-size: 9px;
text-decoration:underline;
color:#ffffff;
}

B:link {
font-size: 10px;
text-decoration:none;
color:#000000;
}
B:visited {
font-size: 10px;
text-decoration:none;
color:#000000;
}
B:active {
font-size: 10px;
text-decoration:none;
color:#000000;
}
B:hover {
font-size: 10px;
text-decoration:none;
color:#000000;
}

ora debbo poter dire che ai link con il fondo scuro assegno la pseudoclasse A: e a quelli di fondo chiaro la pseudo classe B:

come posso fare questo?
Ricordo che in passato ci sono riuscito, ma per mia sfortuna non ho più traccia di ciò.

Ringrazio in anticipo chiunque possa darmi una risposta di qualsiasi natura.

[MadBob]

Potresti definire più di una classe globale a livello di body es A e B dove definisci sia il background che il colore dei link, ed assegnare l'una o l'altra a seconda delle esigenze, così facendo avresti una sorta di folgio grafico completo da intercambiare.
- Kiko -

[cisca]

Non ti seguo!
Perchè dovrei avere due fogli di stile intercambiabili?
A me serve avere in un unica pagina dove ci sono fondi scuri e chiari, contemporaneamente sia link bianchi e link neri.

Grazie

[Mich_]

Attenzione alla sintassi e all'ordine delle pseudoclassi.
L'ordine corretto e`:
:link
:visited
:hover
:active

Poi ci sono errori di sintassi.
<a> e [b] sono due tag HTML (il secondo deprecato, ma tuttora esistente).
Scrivere
A:link
vuol dire il tag <A> nello stato :link - Dal contesto del post non sembra che questo sia l'intento.

Inoltre ci sono alcuni brwoser che (seguendo le norme del W3C) non accettano nei CSS i tag scritti in maiuscolo, che porta quindi ad un ulteriore errore.


Comunque il problema si risolve, come suggeriva MadBob, assegnando due classi diverse ai due tipi di link. Ad esempio:
...
...

E poi utilizzando le classi per differenziare i selettori:
a.tipoA:link { ... }
a.tipoA:visited { ... }
a.tipoA:hover { ... }
a.tipoA:active { ... }
a.tipoB:link { ... }
a.tipoB:visited { ... }
a.tipoB:hover { ... }
a.tipoB:active { ... }