Hogyan működik a css-választó n-ed gyermek, css-trükkök orosz
Hogyan működik a CSS-választó edik gyermek
A CSS-választó létezik, pontosabban, a pszeudo-választó úgynevezett n-ed gyermek. Egy példa a felhasználásra:
A fenti CSS az alábbiakat teszi: Alkalmazza a stílus minden harmadik rendezetlen lista elem. Nevezetesen, a 3., a 6., 9., 12., stb De hogyan működik? És milyen előnyöket lehet levonni az n-ed gyerek?
Az alapvető jelentése a kifejezés zárójelben. n-ed gyermek elfogadja két kulcsszó: páros (páros) és páratlan (páros). Jelentésük teljesen világos. Még kiválasztja a páros elemek (2, 4, 6), páratlan - páratlan (1, 3, 5).
Amint az a fenti példában az n-edik gyermek képes kezelni kifejezést. Mi a lehető legegyszerűbb kifejezés? Csak egy számot. Ha írsz bármilyen zárójelben egyetlen elem van kiválasztva. Például válassza ki az ötödik elem a listán:
Térjünk vissza az első példában kifejezést használta (3n + 3). Hogyan működik ez? Miért választotta minden harmadik elem? Az egész pont n változó. Ez egy egész szám, nulla vagy több. Vessünk egy közelebbi pillantást:
Most próbálja ki a következő kifejezés: n-ed gyermek (2n + 1):
Végre van ugyanaz, mint abban az esetben, a páratlan. így nem kell gyakran használ ilyen kifejezést. Sőt, mi első példa is fel lehet használni, hogy egyszerűsítse és helyettesíti az eredeti expressziós (3n + 3), a kifejezés (3n):
Mint látható, ugyanazt az eredményt, de ne írjon „3”. Mi is használjuk a negatív értékek a kifejezést. Például, 4n-1:
A használata negatív értékek az együttható n, úgy néz ki, egy kicsit furcsa, mert abban az esetben a negatív eredmény egy egyezést. Meg kell majd folyamatosan változnak a kifejezést, hogy adjunk pozitív elemeket. Mint kiderült, ez a megközelítés nagyon kényelmes válassza ki az első n eleme. Vegyük példának a „-n + 3”:
Határon böngésző kompatibilitás
n-ed gyermek az egyik legszerencsétlenebb attribútumok teljesen cross-browser, kivéve az abszolút nulla fok az IE, még a nyolcadik változat. Ezért, amikor a használatát, ha a várható eredmény - egyfajta vizuális hatás (például színezése néhány sorban a táblázatban), akkor az ideális megközelítés. De valószínűleg nem éri meg használni valami sokkal fontosabb, ami befolyásolhatja, például a helyességét az elrendezés.
Persze, ha a jQuery, akkor nem kell aggódni emiatt, mert jQuery is működik az Internet Explorer.
És végül,
Ön tudja játszani körül különböző kifejezéseket a választó az oldalon egy példát.