Otrok - CSS-triki

Anonim

Otroški kombinator v CSS je simbol "večji od", izgleda tako:

ol > li ( color: red; )

Pomeni "izbrani elementi, ki so samo neposredni potomci". V tem primeru: “izberite elemente seznama, ki so neposredni potomci urejenega seznama”. Ilustrirati:


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

Poskusite odstraniti >simbol, ko se igrate s spodnjo predstavitvijo:

Oglejte si Pen f149edb15c53d157a7009b816ee919d2 podjetja CSS-Tricks (@ css-tricks) na CodePen.

Več informacij

  • Članek o izbirnikih otrok in bratov ali sester.
  • Dokumenti MDN

Poznan tudi kot…

Spec imenuje otroški kombinator, slišali pa ga boste tudi:

  • otroški izbirnik
  • izbirnik neposrednih potomcev
  • kombinator neposrednega potomca

Podpora za brskalnik

Chrome Safari Firefox Opera IE Android iOS
Kaj Kaj Kaj Kaj 7+ Kaj Kaj