Çocuk - CSS Hileleri

Anonim

CSS'deki alt birleştirici "büyüktür" simgesidir, şuna benzer:

ol > li ( color: red; )

"Yalnızca doğrudan torunları olan öğeleri seçin" anlamına gelir. Bu durumda: "sıralı bir listenin doğrudan soyundan gelen liste öğelerini seçin". Göstermek için:


  1. WILL be selected
  2. WILL be selected
    • Will NOT be selected
    • Will NOT be selected
  3. WILL be selected

Aşağıdaki >demo ile oynarken sembolü kaldırmayı deneyin :

CodePen'de CSS-Tricks (@ css-tricks) tarafından hazırlanan Pen f149edb15c53d157a7009b816ee919d2'ye bakın.

Daha fazla bilgi

  • Çocuk ve kardeş seçicilerle ilgili makale.
  • MDN Belgeleri

Ayrıca şöyle bilinir…

Çocuk birleştirici, spesifikasyonun dediği şeydir, ancak aynı zamanda adını da duyacaksınız:

  • çocuk seçici
  • doğrudan alçalan seçici
  • doğrudan soydan gelen birleştirici

Tarayıcı Desteği

Krom Safari Firefox Opera IE Android iOS
Hiç Hiç Hiç Hiç 7+ Hiç Hiç