nth-last-child pszeudoklasszis

Az nth-last-child pszeudoklasszis kiválaszt egy elemet, amely a szülő n-edik gyermeke, a végétől számolva. Hasonlóan viselkedik, mint a nth-child, csak a számolás a végétől történik.

Szintaxis

szelektor:nth-last-child(szám | odd | even | kifejezés) {
	
}

Értékek

Érték	Leírás
szám	Pozitív szám `1`-től kezdve. Meghatározza annak az elemnek a sorszámát, amelyhez hozzá akarunk nyúlni. Az elemek számozása `1`-től kezdődik.
`odd`	Páratlan elemek.
`even`	Páros elemek.
kifejezés	Készíthetünk speciális kifejezéseket n betűvel, ami minden egész számot jelöl nullától (nem egyetől) a végtelenig. Így a `2n` minden páros számot jelent (a másodiktól kezdve). Hogyan értsük ezt? Helyettesítsük be a `n`-be egymás után a számokat `0`-tól kezdve és így tovább: ha n = 0, akkor 2n 0-t ad - ilyen elem nincs (az elemek számozása 1-től indul), ha n = 1, akkor 2n 2-t ad - a második elem, ha n = 2, 2n 4-et ad - a negyedik elem. Ha 3n-t írunk, az minden harmadik elemet jelenti (a harmadiktól kezdve), és így tovább.

Példa

Ebben a példában piros színűre tesszük azt a li elemet, amely a végétől számolva a 4-edik gyermeke a szülőjének:

<ul>
	<li>listaelem</li>
	<li>listaelem</li>
	<li>listaelem</li>
	<li>listaelem</li>
	<li>listaelem</li>
</ul>

li:nth-last-child(4) {
	color: red;
}

Példa

Most minden a végétől számolva páros li elemet pirosra teszünk:

<ul>
	<li>listaelem</li>
	<li>listaelem</li>
	<li>listaelem</li>
	<li>listaelem</li>
	<li>listaelem</li>
</ul>

li:nth-last-child(even) {
	color: red;
}

Példa

Most minden a végétől számolva páratlan li elemet pirosra teszünk:

<ul>
	<li>listaelem</li>
	<li>listaelem</li>
	<li>listaelem</li>
	<li>listaelem</li>
	<li>listaelem</li>
</ul>

li:nth-last-child(odd) {
	color: red;
}

Példa

Most minden a végétől számolva harmadik li elemet pirosra teszünk:

<ul>
	<li>listaelem</li>
	<li>listaelem</li>
	<li>listaelem</li>
	<li>listaelem</li>
	<li>listaelem</li>
</ul>

li:nth-last-child(3n) {
	color: red;
}