È possibile selezionare l'elemento html o il nodo radice con nth-child?

Stavo insegnando a uno dei miei studenti sullo pseudo-selettore nth-child() e gli ho chiesto: È possibile selezionare qualsiasi possibile elemento HTML con lo pseudo-selettore nth-child? La sua risposta era no, perché non è possibile selezionare il nodo radice o piuttosto l'elemento html.È possibile selezionare l'elemento html o il nodo radice con nth-child?

Mi ero dimenticato di questo perché la mia risposta, in passato, era stata sì. È possibile utilizzare nth-child() per selezionare l'elemento html? Se é cosi, come?

Mi piacerebbe sapere, quindi quando faccio affermazioni definitive mentre insegno ai miei studenti, sono veramente definitivi e non hanno trascurato nessun possibile caso d'angolo.

Grazie

fonte

2015-10-09 Kevin Behan

Mi può fare un esempio? Non riesco davvero a immaginare la domanda nella mia testa oggi (cervello morto) – ochi

http://www.w3.org/TR/css3-selectors/#nth-child-pseudo:

“L': nth-child (an + b) pseudo-classe di notazione rappresenta un elemento che ha un + B-1 fratelli prima che nell'albero del documento , per ogni intero positivo o zero di n, e ha un elemento genitore.”

fonte

2015-10-09 22:58:53 CBroe

nth-child(n) dovrebbero selezionare ogni elemento. Lo fa, ad eccezione dell'elemento html, che ha senso perché html è un elemento radice e non ha genitore. Avere un elemento genitore è un requisito come ha sottolineato CBroe.

body { 
 
    border: 5px solid black; 
 
    margin: 10px; 
 
} 
 
html { 
 
    border: 5px dashed red; 
 
} 
 
:nth-child(n) { 
 
    border: 5px dotted blue; 
 
}

<body> 
 
    <ul> 
 
     <li>first</li> 
 
     <li>second</li> 
 
     <li>kevin</li> 
 
    </ul> 
 
</body>

fonte

2015-10-10 20:55:04

È possibile selezionare l'elemento html o il nodo radice con nth-child?

risposta

Problemi correlati