Pseudo-classe :nth-child(an+b)

[Lorenzo1818]

Salve a tutti,
Da poco mi cimento in CSS3, e ho incontrato qualche problemino con questa pseudo-classe. Ora vi illustro il problema. Ho scritto il seguente codice in una pagina html :

<div id=":nth-child(an+b)">


Prova</p>


Prova</p>


Prova</p>


Prova</p>


Prova</p>


Prova</p>


Prova</p>


Prova</p>
</div>

E il seguente in un foglio stile a cascata collegato alla pagina html:

div[id="nth-child(an+b)"]:nth-child(2n+1) {color: red;}

Ora, io mi sarei aspettato che nella pagina html venissero visualizzate le righe di testo (quelle con scritto "Prova") in questo modo: la prima rossa, la seconda normale, la terza rossa, la quarta normale e via dicendo... Questo non è avvenuto. Qualcuno saprebbe spiegarmi il perchè?

Avrei anche una seconda domanda. A che scopo si usa la pseudo classe :root?

Grazie a tutti in anticipo.

[ac_socmel]

In CSS, identifiers (including element names, classes, and IDs in selectors) can contain only the characters [a-zA-Z0-9] and ISO 10646 characters U+00A0 and higher, plus the hyphen (-) and the underscore (_); they cannot start with a digit, two hyphens, or a hyphen followed by a digit. Identifiers can also contain escaped characters and any ISO 10646 character as a numeric code (see next item). For instance, the identifier "B&W?" may be written as "B\&W\?" or "B\26 W\3F".

detto questo comunque non funzionerà perchè indirizzi la regola ai "<div>" e ti aspetti il risultato nei "

"
prima che ti avventuri nei css3 impara bene css2.1

[Nobody33]

Per :root puoi leggere QUI

Un esempio di ciò che vuoi fare la trovi QUI

css

p:nth-of-type(even) {color:red;}

html 

<div>


Prova</p>


Prova</p>


Prova</p>


Prova</p>


Prova</p>


Prova</p>


Prova</p>


Prova</p>
</div>

Se, invece di even scrivi odd, ti troverai i paragrafi 1,3,5 ecc colorati di rosso.


nota: sotto IE9 non funzionerà

[Lorenzo1818]

Grazie a tutti e due.
Effettivamente senza fare riferimenti agli elementi p è un po' difficile che vengano modificati. E' la prima volta che scrivo in questo forum, e ho notato che siete davvero dei razzi nel rispondere, una bella organizzazione. Grazie di nuovo.