Псевдокласси nth-last-child

Псевдокласси nth-last-child унсуреро интихоб мекунад, ки n-уми фарзанд аз охири волидайн мебошад. Мисли nth-child амал мекунад, фақат ҳисоб аз охир оғоз мешавад.

Синтаксис

интихобкунанда:nth-last-child(рақам | odd | even | ибора) {
	
}

Қиматҳо

Қимат	Тавсиф
рақам	Рақами мусбат аз `1` сар карда. Рақами унсурро муайян мекунад, ки мехоҳем ба он дастрас пайдо кунем. Рақамгузории унсурҳо аз `1` оғоз мешавад.
`odd`	Унсурҳои тоқ.
`even`	Унсурҳои ҷуфт.
ибора	Метавонад ибораҳои махсус бо ҳарфи n сохта шавад, ки ҳамаи рақамҳои бутун аз сифр (на аз як) то беохириро ифода мекунад. Пас, `2n` - маънояш ҳамаи рақамҳои ҷуфт (аз дуюм оғоз карда). Чӣ тавр фаҳмидан? Дар `n` пай дар пай рақамҳоро аз `0` ва ғайра гузоред: агар n = 0 бошад, пас 2n 0 медиҳад - чунин унсуре нест (рақамгузории унсурҳо аз 1 оғоз мешавад), агар n = 1 бошад, пас 2n 2 медиҳад - унсури дуюм, агар n = 2 бошад, 2n 4 медиҳад - унсури чорум. Агар 3n нависед - ин ҳар унсури сеюм хоҳад буд (аз сеюм оғоз карда), ва ғайра.

Намуна

Дар ин намуна мо рангро ба сурх иваз мекунем барои он li, ки 4-уми фарзанд аз охир-и волидайни худ мебошад:

<ul>
	<li>list item</li>
	<li>list item</li>
	<li>list item</li>
	<li>list item</li>
	<li>list item</li>
</ul>

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

Намуна

Акнун ҳамаи унсурҳои ҷуфт аз охирро ба сурх иваз мекунем:

<ul>
	<li>list item</li>
	<li>list item</li>
	<li>list item</li>
	<li>list item</li>
	<li>list item</li>
</ul>

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

Намуна

Акнун ҳамаи унсурҳои тоқ аз охирро ба сурх иваз мекунем:

<ul>
	<li>list item</li>
	<li>list item</li>
	<li>list item</li>
	<li>list item</li>
	<li>list item</li>
</ul>

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

Намуна

Акнун ҳар сеюми унсурҳоро аз охир ба сурх иваз мекунем:

<ul>
	<li>list item</li>
	<li>list item</li>
	<li>list item</li>
	<li>list item</li>
	<li>list item</li>
</ul>

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