[CSS 3] nth-of-type e nth-Child

Ciao a tutti, ho scoperto poc'anzi una nuova pseudo-classe di CSS3 ovvero nth-type-of che consente di alternare o tramite un'espressione numerica gli stili di un elemento. In pratica quello che si fa con PHP riguardo le tabelle di classi alternate ma con CSS 3 ... fantastico vero?
Bene ecco il problema: ho una pagina scritta in HTML5 con annesso foglio di stile CSS3.
Questo è il codice riguardante:

article h1:nth-type-of(even) { background: #eee; }
article h1:nth-type-of(odd) { background: #fff; } 

Risultato? Nessuno!
Non funziona né negli elementi pari even né negli elementi dispari odd.
Poiché sarebbe h1 grigio - h1 bianco - h1 grigio - h1 bianco - etc...
Non credo che sia un problema di browser poiché posseggo l'ultima versione di Firefox 4 ovvero la RC 2 uscita qualche ora fa (credo ).
Sapete aiutarmi? Grazie mille
Saluti, Davide.

[javascripter]

Non è nth-type-of ma nth-of-type ;)

Si sarà stato un errore di battitura qui in AlterVista, ma il problema persiste poiché si attiva solo nth-of-type(odd) facendo diventare lo sfondo bianco di tutti e invece dovrebbe funzionare solo su quelli dispari.
Grazie mille

[javascripter]

Puoi postare il sorgente completo del documento o un link?

E' un file base non c'è niente

article h1 { margin: 0; padding: 0; font: bold 15px "Calibri"; text-align: right; }
article h1 a { color: #000; text-decoration: none; }
article h1:nth-of-type(even) { background: #eee; }
article h1:nth-of-type(odd) { background: #fff; } 

<section>

<article>
<h1>Titolo del post</h1>
<p>Testo del post bla bla bla</p>
</article>

<article>
<h1>Titolo del post</h1>
<p>Testo del post bla bla bla</p>
</article>

<article>
<h1>Titolo del post</h1>
<p>Testo del post bla bla bla</p>
</article>

<article>
<h1>Titolo del post</h1>
<p>Testo del post bla bla bla</p>
</article>

<article>
<h1>Titolo del post</h1>
<p>Testo del post bla bla bla</p>
</article>

</section> 

[dementialsite]

Non che me ne intenda molto di CSS3 e HTML5, ma nel tuo caso i tag <h1> sono tutti il primo figlio (quindi dispari - "odd") di un tag <article>... ecco spiegato il perché tutti gli elementi sono bianchi (#FFF).

Forse ha più senso un CSS del genere:

article:nth-of-type(even) h1 { background: #eee; }
article:nth-of-type(odd) h1 { background: #fff; }

Stammi bene...

Grazie!! *-*
Non ho parole... veramente. Grazie mille!
Non avevo pensato a questa soluzione
Grazie ancora... problema risolto!!