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>|
<a href="catalogo1.html">12</a> | <a href="catalogo2.html">Avanti</a> &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