Classe css che non si applica

[ghisirds]

Classe css che non si applica

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"><< Indietro |<span class="paginaNumero"> 1 </span>|
<a href="catalogo1.html">12</a> | <a href="catalogo2.html">Avanti</a> >></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

[nastrorosa]

Sono alle prime armi con i css. Correggete se sbaglio. Dando una sistematina al css qualcosa ha funzionato.
una class inizia con .paginaNumero e non con h4.paginaNumero. Penso sia quello l'errore perchè ho provato e il numero 1 è di colore bianco su sfondo rosso.

h4.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;
}

<h4 class="pagineTutte"><< Indietro |<span class="paginaNumero"> 1 </span>|
<a href="catalogo1.html">12</a> | <a href="catalogo2.html">Avanti</a> >></h4>

---

[laburno]

La soluzione di nastrorosa è giusta ma per i motivi sbagliati

Semplicemente, ghisirds, hai definito la classe paginaNumero per gli h4, quando di fatto la applichi agli span.

metti span.paginaNumero e hai risolto (oppure come dice nastrorosa solo .paginaNumero e la puoi applicare a tutto)

[ghisirds]

alla fine ho risolto mettendo lo spazio fra h4 e .paginaNumero
grazie a tutti
marco