Pseidoklase nth-last-child

Pseidoklase nth-last-child atlasa elementu, kas ir n-tais elements no vecāka, skaitot no beigām. Darbojas līdzīgi kā nth-child, tikai skaitīšana notiek no beigām.

Sintakse

selektors:nth-last-child(skaitlis | odd | even | izteiksme) {
	
}

Vērtības

Vērtība	Apraksts
skaitlis	Pozitīvs skaitlis sākot no `1`. Norāda elementa numuru, pie kura mēs vēlamies piekļūt. Elementu numerācija sākas ar `1`.
`odd`	Nepāra elementi.
`even`	Pāra elementi.
izteiksme	Var veidot speciālas izteiksmes ar burtu n, kas apzīmē visus veselos skaitļus no nulles (ne no viena) līdz bezgalībai. Tātad, `2n` - nozīmē visus pāra skaitļus (sākot no otrā). Kā to saprast? Aizvietojam `n` secīgi ar skaitļiem no `0` un tālāk: ja n = 0, tad 2n dos 0 - tāda elementa nav (elementu numerācija ir no 1), ja n = 1, tad 2n dos 2 - otrais elements, ja n = 2, 2n dos 4 - ceturtais elements. Ja rakstīsiet 3n - tas būs katrs trešais elements (sākot no trešā), un tā tālāk.

Piemērs

Šajā piemērā mēs padarīsim sarkanā krāsā to li, kas ir 4-tais no beigām elements savam vecākam:

<ul>
	<li>saraksta vienība</li>
	<li>saraksta vienība</li>
	<li>saraksta vienība</li>
	<li>saraksta vienība</li>
	<li>saraksta vienība</li>
</ul>

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

Piemērs

Tagad sarkanus padarīsim visus pāra (no beigām) li:

<ul>
	<li>saraksta vienība</li>
	<li>saraksta vienība</li>
	<li>saraksta vienība</li>
	<li>saraksta vienība</li>
	<li>saraksta vienība</li>
</ul>

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

Piemērs

Tagad sarkanus padarīsim visus nepāra (no beigām) li:

<ul>
	<li>saraksta vienība</li>
	<li>saraksta vienība</li>
	<li>saraksta vienība</li>
	<li>saraksta vienība</li>
	<li>saraksta vienība</li>
</ul>

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

Piemērs

Tagad sarkanus padarīsim katru trešo no beigām li:

<ul>
	<li>saraksta vienība</li>
	<li>saraksta vienība</li>
	<li>saraksta vienība</li>
	<li>saraksta vienība</li>
	<li>saraksta vienība</li>
</ul>

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