2015-10-09 15 views
5

Uczyłem jednego z moich studentów o pseudo-selektorze nth-child() i zapytałem go: czy możesz wybrać dowolny możliwy element HTML z pseudo-selektorem nth-child? Jego odpowiedź brzmiała "nie", ponieważ nie można wybrać węzła głównego, a raczej elementu html.Czy można wybrać element html lub węzeł główny z n-dzieckiem?

Przeoczyłem to sam, ponieważ moja odpowiedź w przeszłości była twierdząca. Czy można użyć elementu nth-child(), aby wybrać element html? Jeśli tak to jak?

Chciałbym wiedzieć, więc kiedy oświadczam, że podczas nauczania moich uczniów, są one ostateczne i nie przeoczono żadnego możliwego przypadku.

Dziękuję

+0

możesz dać mi przykład? Naprawdę nie mogę sobie dzisiaj wyobrazić tego pytania w mojej głowie (mózg nie żyje) – ochi

Odpowiedz

1

nth-child(n) należy wybrać każdy element. Ma, z wyjątkiem elementu html, co ma sens, ponieważ html jest elementem głównym i nie ma elementu nadrzędnego. Posiadanie elementu rodzica jest wymogiem, jak wskazał 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>

Powiązane problemy