Bērns - CSS-triki

Anonim

Bērnu kombinators CSS ir simbols “lielāks par”, un tas izskatās šādi:

ol > li ( color: red; )

Tas nozīmē “atlasīt elementus, kas ir tikai tiešie pēcnācēji”. Šajā gadījumā: “atlasiet saraksta vienumus, kas ir tieši sakārtota saraksta pēcteči”. Ilustrēt:


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

Mēģiniet noņemt >simbolu, spēlējoties ar tālāk redzamo demonstrāciju:

Skatiet CSS-Tricks (@ css-tricks) CodePen pildspalvu f149edb15c53d157a7009b816ee919d2.

Vairāk informācijas

  • Raksts par bērnu un brāļu atlasēm.
  • MDN dokumenti

Zināms arī kā…

Bērnu kombinators ir tas, ko specs to sauc, bet jūs arī dzirdēsit to sauc:

  • bērnu selektors
  • tiešais pēcnācēju atlasītājs
  • tiešais pēcnācēju kombinators

Pārlūka atbalsts

Chrome Safari Firefox Opera IE Android iOS
Jebkurš Jebkurš Jebkurš Jebkurš 7+ Jebkurš Jebkurš