Ereditarietà tra elementi

[ciro78]

Salve,
mi sta capitando una cosa con un css che non riesco a capire.

Nella pagina HTML ho la seguente struttura

#padri_sopra
{
codice
text-align:left;
}
#padri_sopra .paginazione
	{
		text-align:right;
		font-size:10px;
	}
	
.paginazione a
	{
		text-decoration:none;
	}
	
#padri_sopra .paginazione a:hover
	{
		background-color:#006;
		color:#FFC;
	}
	
.paginazione a:visited
	{
		color:#03F;
	}

nel codice html

<div id="padri_sopra">
  contenuto
<div class="paginazione">codice che include il link</div>
</div>

Perchè se uso span class="paginazione" non funziona?
perchè debbo dichiarare paginazione come sottoclasse di padri_sopra?
lo stesso accade per i link hover. se non imposto cosi in explorer non ottengo l'effetto desiderato

grazie

[Mich_]

Quei selettori nel CSS fanno un po' di confusione.
Dovresti seguire una regola di stile e rispettarla, non usare i selettori a caso.
Ad esempio usare sempre il tuo #padri_sopra prima del .paginazione, oppure (se non serve) non usarlo mai.

Tieni anche presente che le pseudoclassi hanno un loro ordine obbligatorio:
:link
:visited
:hover
:active

Se non lo rispetti i browser interpretano come vogliono.

[ciro78]

quindi il problema sarebbe dipeso dal fatto che ho messo hover prima di visited?


proverò e ti faccio sapere

[ciro78]

grazie mich,
era proprio l'ordine dei selettori a dare problemi