Classe css che non si applica

[ghisirds]

Ciao a tutti.

sto cercando di fare il numero di pagine in un mio sito, ma non riesco ad applicare la classe della pagina dove mi trovo, in cui vorrei cambiare sfondo e colore al carattere.
In teoria dovrebbe andare, ma invece no, e non capisco il perchè!

Riporto l'html:

<h4 class="pagineTutte">&lt;&lt; Indietro |<span class="paginaNumero"> 1 </span>|
12 | Avanti &gt;&gt;</h4>

E qui i css:

h4.pagineTutte {
clear: both;
text-align: center;
font: bolder small Geneva, Arial, Helvetica, sans-serif;
letter-spacing: -1px;
}


h4.paginaNumero {
clear: both;
text-align: center;
font: bolder medium Geneva, Arial, Helvetica, sans-serif;
letter-spacing: -1px;
color: #FFFFFF;
background: #FF0000;
}

in sostanza il numero dovrebbe cambiare colore, cambiare lo sfondo e carattere più grande, ma non va!
perchè?

grazie
marco

[robjrobj]

.pagineTutte {
clear: both;
text-align: center;
font: bolder small Geneva, Arial, Helvetica, sans-serif;
letter-spacing: -1px;
}
.paginaNumero {
clear: both;
text-align: center;
font: bolder medium Geneva, Arial, Helvetica, sans-serif;
letter-spacing: -1px;
color: #FFFFFF;
background: #FF0000;
}

in pratica non mettere h4.pagineTu..........

[ghisirds]

mah, ho risolto mettendo

h4 .paginaNumero

e ndo sta la differenza? quale meglio?

grazie
marco

[robjrobj]

Se metto
h4 .pagineTutte {
clear: both;
text-align: center;
font: bolder small Geneva, Arial, Helvetica, sans-serif;
letter-spacing: -1px;
}
non viene centrato h4 sia su FF che IE

se invece metto
.pagineTutte {
clear: both;
text-align: center;
font: bolder small Geneva, Arial, Helvetica, sans-serif;
letter-spacing: -1px;
}
oppure
h4 {
clear: both;
text-align: center;
font: bolder small Geneva, Arial, Helvetica, sans-serif;
letter-spacing: -1px;
}
(in questo ultimo caso non dovrai mettere alcuna classe a h4)
lo visualizza correttamente


ciao Roby