Css alkalmazni minden eleme a számla

Elég gyakran szeretne alkalmazni egy adott css tulajdonság a számla tag. Például, hogy használják az elrendezés div, az áruk, hírek, stb elemekkel.

Ahhoz, hogy alkalmazza a CSS tulajdonságokat az első eleme a számla, mint a listán, akkor elegendő használni, mint tudjuk az első gyermek, és a legújabb last-gyermek. De mi van, ha kell használni a speciális tulajdonsággal, minden második div blokk vagy szigorúan az ötödik. Ebben az esetben, mentjük az n-edik gyermek tulajdon.

Ez a funkció működik li, tr, p, és minden más elem. Negatív tulajdonságok - nem működik IE8 és alacsonyabb.

Használatához meg kell írni ezt: elem: n-ed gyermek (cikkszám);

Alább látható példákban, vagy letölt egy fájlt, amely bemutatja az n-edik gyermek

Példa: válasszon ki egy második elem n-ed gyermek (2)

Példa: válassza ki a páros elemek edik gyermek (még)

Példa: választás sem elemek n-ed gyermek (páratlan)

Példa: válassza ki az egyes elem 3 n-gyermek (3n), ahol 3 - egy a háromból. Számítva nulla.

lásd még

  • Css alkalmazni minden eleme a számla
    Lebegő menü az oldalon a CSS
  • Css alkalmazni minden eleme a számla
    Lebeg hatása a képen CSS3. Képgalériában növekvő CSS3
  • Css alkalmazni minden eleme a számla
    Hogyan készítsünk egy aktív menüpont segítségével jQuery
  • Css alkalmazni minden eleme a számla
    Kiválasztás listákat ul li elemek képekkel