Pseudotrieda nth-last-of-type

Pseudotrieda nth-last-of-type vyberá element, ktorý je n-tým potomkom rodiča daného typu, počítajúc od konca. Správa sa podobne ako nth-of-type, len počítanie prebieha od konca.

Syntax

selektor:nth-last-of-type(číslo | odd | even | výraz) {
	
}

Hodnoty

Hodnota	Popis
číslo	Kladné číslo začínajúce od `1`. Určuje poradové číslo elementu, na ktorý sa chceme odkázať. Číslovanie elementov začína od `1`.
`odd`	Nepárne elementy.
`even`	Párne elementy.
výraz	Je možné vytvárať špeciálne výrazy s písmenom n, ktoré označuje všetky celé čísla od nuly (nie od jednotky) do nekonečna. Takže `2n` znamená všetky párne čísla (počnúc druhým). Ako to pochopiť? Do `n` postupne dosadzujeme čísla od `0` a tak ďalej: ak n = 0, potom 2n dá 0 - taký element neexistuje (číslovanie elementov je od 1), ak n = 1, potom 2n dá 2 - druhý element, ak n = 2, 2n dáva 4 - štvrtý element. Ak napíšeme 3n - to bude každý tretí element (počnúc tretím), a tak ďalej.

Príklad

Nájdeme h2, ktorý je 2-ým h2 v rodičovi od konca:

<div>
	<h2>nadpis</h2>
	<p>odsek</p>
	
	<h2>nadpis</h2>
	<p>odsek</p>
	
	<h2>nadpis</h2>
	<p>odsek</p>
	
	<h2>nadpis</h2>
	<p>odsek</p>
	
	<h2>nadpis</h2>
	<p>odsek</p>
	
	<h2>nadpis</h2>
	<p>odsek</p>
	
	<h2>nadpis</h2>
	<p>odsek</p>
</div>

h2:nth-last-of-type(2) {
	color: red;
}

Príklad

Nájdeme všetky párne h2 od konca:

<div>
	<h2>nadpis</h2>
	<p>odsek</p>
	
	<h2>nadpis</h2>
	<p>odsek</p>
	
	<h2>nadpis</h2>
	<p>odsek</p>
	
	<h2>nadpis</h2>
	<p>odsek</p>
	
	<h2>nadpis</h2>
	<p>odsek</p>
	
	<h2>nadpis</h2>
	<p>odsek</p>
	
	<h2>nadpis</h2>
	<p>odsek</p>
</div>

h2:nth-last-of-type(even) {
	color: red;
}

Príklad

Nájdeme všetky nepárne h2 od konca:

<div>
	<h2>nadpis</h2>
	<p>odsek</p>
	
	<h2>nadpis</h2>
	<p>odsek</p>
	
	<h2>nadpis</h2>
	<p>odsek</p>
	
	<h2>nadpis</h2>
	<p>odsek</p>
	
	<h2>nadpis</h2>
	<p>odsek</p>
	
	<h2>nadpis</h2>
	<p>odsek</p>
	
	<h2>nadpis</h2>
	<p>odsek</p>
</div>

h2:nth-last-of-type(odd) {
	color: red;
}