Pseudotřída nth-last-of-type

Pseudotřída nth-last-of-type vybere prvek, který je n-tým potomkem rodiče zadaného typu, počítáno od konce. Chová se podobně jako nth-of-type, ale počítání se provádí od konce.

Syntaxe

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

Hodnoty

Hodnota	Popis
číslo	Kladné číslo počínaje `1`. Určuje číslo prvku, na který chceme cílit. Číslování prvků začíná od `1`.
`odd`	Liché prvky.
`even`	Sudé prvky.
výraz	Lze skládat speciální výrazy s písmenem n, které označuje všechna celá čísla od nuly (ne od jedničky) do nekonečna. Takže `2n` znamená všechna sudá čísla (počínaje druhým). Jak to pochopit? Dosazujeme do `n` postupně čísla od `0` a dále: pokud n = 0, pak 2n dá 0 - takový prvek neexistuje (číslování prvků je od 1), pokud n = 1, pak 2n dá 2 - druhý prvek, pokud n = 2, 2n dá 4 - čtvrtý prvek. Pokud napíšeme 3n - to bude každý třetí prvek (počínaje třetím), a tak dále.

Příklad

Najdeme h2, který je 2-ým h2 v rodiči od konce:

<div>
	<h2>nadpis</h2>
	<p>odstavec</p>
	
	<h2>nadpis</h2>
	<p>odstavec</p>
	
	<h2>nadpis</h2>
	<p>odstavec</p>
	
	<h2>nadpis</h2>
	<p>odstavec</p>
	
	<h2>nadpis</h2>
	<p>odstavec</p>
	
	<h2>nadpis</h2>
	<p>odstavec</p>
	
	<h2>nadpis</h2>
	<p>odstavec</p>
</div>

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

Příklad

Najdeme všechny sudé h2 od konce:

<div>
	<h2>nadpis</h2>
	<p>odstavec</p>
	
	<h2>nadpis</h2>
	<p>odstavec</p>
	
	<h2>nadpis</h2>
	<p>odstavec</p>
	
	<h2>nadpis</h2>
	<p>odstavec</p>
	
	<h2>nadpis</h2>
	<p>odstavec</p>
	
	<h2>nadpis</h2>
	<p>odstavec</p>
	
	<h2>nadpis</h2>
	<p>odstavec</p>
</div>

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

Příklad

Najdeme všechny liché h2 od konce:

<div>
	<h2>nadpis</h2>
	<p>odstavec</p>
	
	<h2>nadpis</h2>
	<p>odstavec</p>
	
	<h2>nadpis</h2>
	<p>odstavec</p>
	
	<h2>nadpis</h2>
	<p>odstavec</p>
	
	<h2>nadpis</h2>
	<p>odstavec</p>
	
	<h2>nadpis</h2>
	<p>odstavec</p>
	
	<h2>nadpis</h2>
	<p>odstavec</p>
</div>

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