&Quot nedir;>" (büyüktür işareti) seçici yani CSS?

SORU

12 Temmuz 2010, PAZARTESİ

&Quot nedir;>" (büyüktür işareti) seçici yani CSS?

Örneğin:

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

Tam olarak > işareti ne anlama geliyor?

CEVAP

12 Temmuz 2010, PAZARTESİ

> 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:

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.
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".

Bunu Paylaş: