link classi e pseudo classi

[s0r42]

ho una pagina ed un foglio di stile impostati così (letteralmente)

<div class="tabella_principale_testata_menu">
aaaa
<span class="tabella_principale_testata_menu_link">Homepage</span>
<span class="tabella_principale_testata_menu_link">Bandi</span>
<span class="tabella_principale_testata_menu_link">Avvisi e Pubblicazio</span>
<span class="tabella_principale_testata_menu_link">News</span>
<span class="tabella_principale_testata_menu_link">Contattaci</span>
<span class="tabella_principale_testata_menu_link">Mappa del Sito</span>
</div>

e

A {color:#000000; text-decoration:none;}
A:hover {color:red; text-decoration:underline;}

.tabella_principale_testata_menu {
height:21px;
line-height:21px;
text-align:center;
font-size:12px;
font-weight:bold;
color:#FFFFFF;
background-image:url(template/menu_top_cx.gif);
background-repeat:repeat-x;
text-transform:uppercase;
}
A.tabella_principale_testata_menu {color:#FFFFFF;}
A.tabella_principale_testata_menu:hover {color:#000000;}

.tabella_principale_testata_menu_link {
margin-left:15px;
margin-right:15px;
}

vorrei fare in modo che i link in generale siano sempre neri ed al passaggio del muse diventino rossi, ma che i link contenuti in quel div tabella menu siano sempre banchi e diventino neri al passaggio del mouse

per com'è adesso dovrebbe essere corretto, ma l'unica cosa che si vede in bianco sono le quattro a al di fuori degli span

ho anche provato ad usare lo stesso sistema sulla classe usata dagli span ma niente...

[fcaldera]

stai usando il quadruplo del codice necessario...


<div class="tabella_principale_testata_menu">
Homepage
Bandi
</div>


css:

a { color: #000; }
a:hover { color: #f00; }

.tabella_principale_testata_menu a { color: #fff; }
.tabella_principale_testata_menu a:hover { color: #000; }


Ciauz

[s0r42]

grazie!