Pseudoklas nth-last-child

Die pseudoklas nth-last-child kies 'n element wat die n-de nakomeling van die ouer is, tellend vanaf die einde. Dit gedra himsels soortgelyk aan nth-child, maar die telling begin vanaf die einde.

Sintaksis

selekteerder:nth-last-child(nommer | odd | even | uitdrukking) {
	
}

Waardes

Waarde	Beskrywing
nommer	'n Positiewe nommer vanaf `1`. Spesifiseer die nommer van die element waarna ons wil verwys. Die numerasie van elemente begin by `1`.
`odd`	Onewe elemente.
`even`	Ewe elemente.
uitdrukking	Spesiale uitdrukkings kan saamgestel word met die letter n, wat alle heelgetalle van nul (nie een nie) tot oneindigheid verteenwoordig. Dus, `2n` beteken alle ewe nommers (begin by die tweede). Hoe om dit te verstaan? Vervang `n` opeenvolgend met getalle vanaf `0` ensovoorts: as n = 0, dan gee 2n 0 - daar is nie so 'n element nie (element numerasie begin by 1), as n = 1, dan gee 2n 2 - die tweede element, as n = 2, gee 2n 4 - die vierde element. As ons 3n skryf - dit sal elke derde element wees (begin by die derde), ensovoorts.

Voorbeeld

In hierdie voorbeeld sal ons die li wat die 4-de van die einde is ⁅b⁆nakomeling van sy ouer rooi maak:

<ul>
	<li>lys item</li>
	<li>lys item</li>
	<li>lys item</li>
	<li>lys item</li>
	<li>lys item</li>
</ul>

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

Voorbeeld

Nou sal ons al die ewe (vanaf die einde) li rooi maak:

<ul>
	<li>lys item</li>
	<li>lys item</li>
	<li>lys item</li>
	<li>lys item</li>
	<li>lys item</li>
</ul>

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

Voorbeeld

Nou sal ons al die onewe (vanaf die einde) li rooi maak:

<ul>
	<li>lys item</li>
	<li>lys item</li>
	<li>lys item</li>
	<li>lys item</li>
	<li>lys item</li>
</ul>

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

Voorbeeld

Nou sal ons elke derde (vanaf die einde) li rooi maak:

<ul>
	<li>lys item</li>
	<li>lys item</li>
	<li>lys item</li>
	<li>lys item</li>
	<li>lys item</li>
</ul>

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