[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 :wink:... fantastico vero?
Bene ecco il problema: ho una pagina scritta in HTML5 con annesso foglio di stile CSS3.
Questo è il codice riguardante:

Codice PHP:

---

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 :lol:).
Sapete aiutarmi? Grazie mille :top:
Saluti, Davide.

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 :wink:

Puoi postare il sorgente completo del documento o un link?

E' un file base non c'è niente :wink:

Codice PHP:

---

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


---

Codice PHP:

---

<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>


---

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:

Codice:

---

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 :wink:
Grazie ancora... problema risolto!! :lol: