Stile CSS impazzito

[flygraphics]

Raga sto uscendo fuori di testa per una cosa apparentemente semplicissima, allora ho la mia bella pagina html, in una riga di una tabella devo far si che i links siano bianchi e in un'altra riga che invece è bianca i link devono essere blu. fin qui tutto semplice.. associo un bel foglio di stile e inizio a compilare...

.menublu {font-size: x-small;color: #FFFFFF;font-family:Verdana, Arial, Helvetica, sans-serif;}
a:link {color:#FFFFFF}
a:hover {color:#FFFFFF}
a:visited {color:#FFFFFF}
a:active {color:#FFFFFF}

.tornasu {font-size: x-small;color: #00579A;font-family:Verdana, Arial, Helvetica, sans-serif;}
a:link {color:#00579A}
a:hover {color:#00579A}
a:visited {color:#00579A}
a:active {color:#00579A}

ma quando torno alla preview della pagina succede che il .menublu ha assunto le proprietà del .tornasu

cosa sto sbagliando?

 

[lukeonweb]

Prova cosi, con i nomi delle tue classi:

.cella1 { background: #0000FF; }
.cella1 a { color: #FFFFFF; }

.cella2 { background: #FFFFFF; }
.cella2 a { color: #0000FF; }

Fammi sapere!

 

[flygraphics]

grande hai risolto il mio problema, praticamente ".cella1 a" si usa per i link in generale sia visited che hover che active giusto?

alla dritta del background non ci avevo pensato thanks

 

[lukeonweb]

Scrivere:

.classe tag { ... }

vuol dire "stilizza il tag contenuto nella classe".

Puoi anche scrivere:

p b { color: #FF0000; }

indicando che tutti i b contenuti in p devono essere rossi.

Sono semplicemente applicazioni di nozioni teoriche

Per le pseudoclassi, puoi anche scrivere:

.cella1 a { ... }
.cella1 a:hover { ... }
.cella1 a:active { ... }
.cella1 a:visited { ... }

Ciao