Псевдокласот nth-last-of-type
Псевдокласот nth-last-of-type избира
елемент кој е n-ти потомок на
родителот од даден тип, броејќи од крај.
Се однесува слично како nth-of-type,
само што броењето се врши од крај.
Синтакса
cssселектор:nth-last-of-type(број | odd | even | израз) {
}
Вредности
| Вредност | Опис |
|---|---|
| број |
Позитивен број почнувајќи од 1.
Го одредува бројот на елементот до кој сакаме
да пристапиме. Броењето на елементи започнува од 1.
|
odd |
Непарни елементи. |
even |
Парни елементи. |
| израз |
Може да се составуваат специјални изрази со буквата n,
која ги означува сите цели броеви од нула (не од единица)
до бесконечност. Така, 2n - значи сите парни
броеви (почнувајќи од вториот).
Како да се разбере ова? Заменуваме во n последователно
броеви од 0 и така натаму: ако n = 0, тогаш 2n ќе даде 0 -
таков елемент не постои (броењето на елементи е од 1),
ако n = 1, тогаш 2n ќе даде 2 - вториот елемент, ако n = 2,
2n дава 4 - четвртиот елемент. Ако се напише 3n - ова
е секој трет елемент (почнувајќи од третиот), и така натаму.
|
Пример
Да најдеме h2 кој е 2-ри h2
во родителот од крај:
html<div>
<h2>наслов</h2>
<p>став</p>
<h2>наслов</h2>
<p>став</p>
<h2>наслов</h2>
<p>став</p>
<h2>наслов</h2>
<p>став</p>
<h2>наслов</h2>
<p>став</p>
<h2>наслов</h2>
<p>став</p>
<h2>наслов</h2>
<p>став</p>
</div>cssh2:nth-last-of-type(2) {
color: red;
}
Результат:
Пример
Да ги најдеме сите парни h2 од крај:
html<div>
<h2>наслов</h2>
<p>став</p>
<h2>наслов</h2>
<p>став</p>
<h2>наслов</h2>
<p>став</p>
<h2>наслов</h2>
<p>став</p>
<h2>наслов</h2>
<p>став</p>
<h2>наслов</h2>
<p>став</p>
<h2>наслов</h2>
<p>став</p>
</div>cssh2:nth-last-of-type(even) {
color: red;
}
Результат:
Пример
Да ги најдеме сите непарни h2 од крај:
html<div>
<h2>наслов</h2>
<p>став</p>
<h2>наслов</h2>
<p>став</p>
<h2>наслов</h2>
<p>став</p>
<h2>наслов</h2>
<p>став</p>
<h2>наслов</h2>
<p>став</p>
<h2>наслов</h2>
<p>став</p>
<h2>наслов</h2>
<p>став</p>
</div>cssh2:nth-last-of-type(odd) {
color: red;
}
Результат: