CSS'de “büyüktür” veya “>” karakteri nasıl kullanılır?

Bu karakteri CSS dosyalarında birkaç kez gördüm ama nasıl kullanıldığı hakkında hiçbir fikrim yok. Biri bana açıklayabilir ve sayfa stilini kolaylaştırmak için ne kadar yararlı olduklarını gösterebilir mi?

Bu bir CSS çocuk seçici. P > SPANbir Petiketin alt öğesi olan tüm SPAN etiketlerine aşağıdaki stili uygulamak anlamına gelir .

"Çocuk" un sadece herhangi bir torun değil, "derhal torun" anlamına geldiğini unutmayın. bir etiketin alt öğesi olan tüm etiketlere veya bir etiketin alt öğesi / alt öğesi olan diğer herhangi bir etiketin özyinelemeli alt öğelerine uyan stili uygulayan P SPANbir alt öğe seçicisidir . yalnızca bir etiketin alt öğesi olan etiketler için geçerlidir .SPANPPP > SPANSPANP

p em

<em>içindeki herhangi biriyle eşleşir <p>. Örneğin, aşağıdakilerle eşleşir <em>:

<p><strong><em>foo</em></strong></p>
<p>Text <em>foo</em> bar</p>

Diğer yandan,

p > em

Sadece maç olacak <em>derhal çocuklardır s <p>. Yani eşleşecek:

<p>Text <em>foo</em> bar</p>

Ama değil:

<p><strong><em>foo</em></strong></p>

bu Çocuk Birleştiricisi olarak bilinir:

Belirtilen diğer öğelerin içindeki öğelerin içeriğini biçimlendirmek için bir çocuk birleştirici seçici eklendi. Örneğin, birisinin beyazı belirli bir sınıf için div etiketlerinin içindeki köprülerin rengi olarak ayarlamak istediğini varsayalım çünkü karanlık bir arka plana sahipler. Bu, div'ı sınıf kaynaklarıyla birleştirmek için bir nokta ve çifti gösterildiği gibi a ile birleştirmek için bir birleştirici olarak bir büyüktür işareti kullanılarak gerçekleştirilebilir:

div.resources > a{color: white;}

( http://www.xml.com/pub/a/2003/06/18/css3-selectors.html adresinden )

E > F

E öğesinin alt öğesi olan herhangi bir F öğesiyle eşleşir.

http://www.w3.org/TR/CSS21/selector.html#child-selectors hakkında daha fazla bilgi