Bir boşlukta ilk yayılma için sorun bulma seçici

Question

Tercihen bir sınıf kullanmadan, 2. açıklığı (Çubuk) etkilemeden, stili 1 açıklığa (Foo) nasıl hedefleyebilirim? IE6 desteği gerekli değildir. İlk çocuğu kullanmayı denedim ama bu sadece görüntü var olmadan çalışıyor.

".adcodeblock span: nth-child (3)" ifadesini kullanırsam bozulma yaşayabilirdim, ancak önce daha deneyimli kişilerle kontrol edebileceğimi düşündüm.

.adcodeblock span:first-of-type 

bir tarayıcı desteği tablo için this bakınız:

<div class="adcodeblock"> 
    img src="/images/aUHFgK.jpg" alt="" border="0"> 
    <br> 
    <span>Foo</span> 
    <span>Bar</span> 
</div> 

Answer 1

Sen :first-of-type sözde sınıfı kullanabilirsiniz. Eski tarayıcılar için böyle bir şey kullanırsınız: Aşağıda IE8 onsuz ve Eğer deneyebilirsin,

.adcodeblock br + span 

Answer 2

.adcodeblock span:nth-of-type(1)