Dieťa - Triky CSS

Anonim

Podradený kombinátor v CSS je symbol „väčší ako“, vyzerá takto:

ol > li ( color: red; )

Znamená to „vybrať prvky, ktoré sú iba priamymi potomkami“. V takom prípade: „vyberte položky zoznamu, ktoré sú priamymi potomkami usporiadaného zoznamu“. Na ilustráciu:



    

  1. WILL be selected
    2. 

  2. WILL be selected
    3. 

      

    • Will NOT be selected
      • 

    • Will NOT be selected
      • 

    

  3. WILL be selected
    4.

>Pri hraní s ukážkou nižšie skúste symbol odstrániť :

Prečítajte si pero f149edb15c53d157a7009b816ee919d2 od CSS-Tricks (@ css-tricks) na stránkach CodePen.

Viac informácií

  • Článok o selektoroch detí a súrodencov.
  • Dokumenty MDN

Taktiež známy ako…

Dieťa kombinátor je to, čo nazýva špecifikácia, ale budete tiež počuť, že sa volá:

  • selektor dieťaťa
  • priamy volič potomkov
  • priamy potomok kombinátor

Podpora prehľadávača

Chrome Safari Firefox Opera IE Android iOS
akýkoľvek akýkoľvek akýkoľvek akýkoľvek 7+ akýkoľvek akýkoľvek