2010-11-16 16 views
7

Ebeveyn öğesini bilmediğim durumlarda nth öğesini, son öğesini veya ilk öğeyi seçmenin bir yolunu anlayamıyorum.Ebeveyn öğesini bilmeden bir çocuk çocuğunu nasıl seçebilirim?

<div> 
    <p>One</p> 
    <p>Two</p> 
</div> 

p:last-child "İki" paragrafı seçer ve p:first-child "biri" paragrafı seçer: nth-child örneğin, ama sadece çocuklar için değil. Ama ne zaman dinamik kodum var ve ebeveyn isminin ne olduğu, hatta ebeveynin gerçekte ne olduğu hakkında hiçbir fikrim yok (div, span, anchor, ul, vb.)? Örneğin

:

<youdontknowwhat!> 
    <p class="select-me">One</p> 
    <p class="select-me">Two</p> 
</youdontknowwhat!> 

Nasıl burada ikinci paragrafı seçilir? (I (o) Sadece fikir isim gerçekten ne olduğunu eleman bilmiyorum çünkü youdontknowwhat! seçmek veremiyoruz.

Neden first-child, last-child ve nth-child seçiciler ve NO :first, :last, :nth (gibi vardır .select-me:first)? elbette

+0

Nasıl 'ediyorum: birinci child':' farklı first'

aşağıdaki seçici olursa olsun ana öğe ne herhangi uygun .select-me elemanı maç için garanti edilir? Her HTML öğesi, DOM'da, 'kök öğesi olan diğer bir öğenin alt öğesidir. – BoltClock

+1

Üst öğeyi bilmiyorsunuzdur. – fomicz

+0

"Neden hayır: ilk,: son ve: nth seçiciler". Kesinlikle! NEDEN OLMASIN? –

cevap

27

Nasıl oluriçin (üst seçici belirtebilirsiniz daha iyi olacak, :first-child'dan farklı mı? Her HTML elemanı, DOM'da <html> dışında root element olan diğer bazı öğelerin bir alt öğesidir. - BoltClock

Ebeveyn öğesini bilmediğinizden beri olurdu. - fomicz

Sen :first-child veya :nth-child() çalışması için üst öğe bilmek gerekmez. Ana öğeyi belirtmese bile çalışır.

.select-me:nth-child(2) 
+0

Çok teşekkür ederim! Şimdi tamamen temiz! – fomicz

4
* p:nth-child(2) 

Performansta meselesi)

+0

p'nin çocuğuna pot vermiyor mu, p'nin kendisi değil mi? Mesela 'um varsa ne olur? Will * img: nth-çocuk (2) de çalışır? – fomicz

+0

Evet, bir üst öğede en az iki görüntü varsa ... –

+0

@fomicz: '* -child 'seçicilerini yanlış anlıyorsunuz. Cevabımı gör. – BoltClock

İlgili konular