Örneğin:

div > p.some_class {
  /* Some declarations */
}

Tam olarak > işareti ne anlama geliyor?

> child combinator da doğrudan soyundan olarak bilinen kombinatorik.¹

O div > p.some_class .some_class sit paragrafları seçer seçici anlamına gelirdoğrudan içindediv, içinde daha fazla iç içe paragraflar değil.

Bir örnek:

<div>
    <p class="some_class">Some text here</p>     <!-- Selected [1] -->
    <blockquote>
        <p class="some_class">More text here</p> <!-- Not selected [2] -->
    </blockquote>
</div>

Ne seçilmiş ve ne değil:

1. Seçili
   p.some_class Bu doğrudan ebeveyn-çocuk ilişkisi, her ikisinin elemanları arasında kurulan ** 10, dolayısıyla içinde yer almaktadır.

2. Seçili değil
   p.some_class div içinde blockquote yerine div kendisi tarafından bulunur. p.some_class div soyundan olmasına rağmen bir çocuk değil, bir Torun.

   div > p.some_class Bu öğe uyuşmaz ise sonuç olarak, div p.some_class kullanarak 20* *yerine.

¹Birçok kişi daha arayın "doğrudan çocuk" ya da "acil çocuk", ama o (ve beni inanılmaz rahatsız edici) tamamen gereksiz bir çocuğa unsurdur çünküdirekt olarak/hementanımı gereğitam olarak aynı şey demek zaten. Gibi bir şey yoktur hayır "dolaylı çocuk".