css

2016-04-12 38 views
2

içinde pseudoclass kullanmanın alternatif yolu Yani N çocuğumuz var ve biz onları ilk çocuğun beklediğini renklendirmek için bir seçici kullanmak istiyoruz. Kullanmadan bunu yapmak için herhangi bir yolu var mı: değil (...) sözde sınıf ?? örnek şudur:css

<!DOCTYPE html> 
    <html> 
    <head> 
    <style> 
p:not(:first-child){ 
    background: #ff0000; 
} 
</style> 
</head> 
<body> 

<div><p>This is a paragraph.</p> 

<p>This is a paragraph.</p> 
<p>This is a paragraph.</p> 
<p>This is a paragraph.</p> 
<p>This is a paragraph.</p> 
<p>This is a paragraph.</p> 
<p>This is a paragraph.</p> 



</div> 

</body> 
</html> 

Bu seçer ve renkleri tüm çocukların birinci bekliyoruz kırmızı ama kullanılmadan yapmak istiyorum: yok() sının şekilde yapmak?

cevap

1

Ters yöne doğru mu? yerine

<style> 
    p {background:#ff0000;} 
    p:first-child {background:none;} 
</style> 
+0

sen (kullanmaksızın tüm çocukların birinci bekliyoruz erişmek için bana bir genel yol söyleyemem) cevap için teşekkürler zaten ama Eğer bana ekstra bir ipucu verebilirseniz harika olurdu –

0

Kontrol bu fiddle

Kullanım:.

p + p 
+0

** p + p ** nasıl çalıştığını anlamak için biraz zor zamanım var .. –

+0

ilk p etiketinden sonra yerleştirilen her öğe stilleri. İşte bir örnek http://www.w3schools.com/cssref/sel_element_pluss.asp –