2015-10-09 18 views
5

Ben nth-child() sözde seçicinin ilgili öğrencilerimden birini öğretiyordu ve ona sordum: Eğer nth-child sözde seçici ile olası bir HTML elemanı seçilebilir mi? Cevabı hayırdı, çünkü kök düğümünü ya da html öğesini seçemezsiniz.nth-child ile html öğesini veya kök düğümünü seçebiliyor musunuz?

bu gözden vardı kendim cevabım, geçmişte, evet olmuştu, çünkü. Html öğesini seçmek için nth-child() kullanılabilir mi? Öyleyse nasıl?

Bilmek istiyorum, bu yüzden öğrencilerimi öğretirken kesin iddialarda bulunduğum zaman, onlar gerçekten kesin ve herhangi bir köşe durumunu göz ardı etmediler.

size

+0

sen bana bir örnek verebilir? Soruyu kafamda bugün gerçekten resmedemiyorum (beyin ölümü) – ochi

cevap

4

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

“: n'inci-çocuk (bir + b) sözde sınıfı notasyonu belge ağacındaki ondan önce bir + b-1 kardeşi var bir öğesini temsil , herhangi bir pozitif tam sayı ya da n, sıfır değeri için ve bir üst eleman yer alır.”

1

nth-child(n) her eleman seçmelidir. html öğesinin dışında, html bir kök öğedir ve üst öğeye sahip olmadığı için anlamlıdır. Ebeveyn unsuru olması, CBroe'nin işaret ettiği bir şarttır.

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>

İlgili konular