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 :
E il seguente in un foglio stile a cascata collegato alla pagina html:codice:<div id=":nth-child(an+b)"> Prova</p> Prova</p> Prova</p> Prova</p> Prova</p> Prova</p> Prova</p> Prova</p> </div>
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è?codice:div[id="nth-child(an+b)"]:nth-child(2n+1) {color: red;}
Avrei anche una seconda domanda. A che scopo si usa la pseudo classe :root?
Grazie a tutti in anticipo.
Rispondi quotando