Kichujio cha nth-last-of-type
Kichujio nth-last-of-type huchagua
kipengele ambacho ni mtoto wa n
kutoka kwa mzazi wa aina fulani, kukihesabu kutoka mwisho.
Hufanya kazi sawa na nth-of-type,
lakini kuhesabu hufanyika kutoka mwisho.
Syntax
kichaguzi:nth-last-of-type(nambari | odd | even | usemi) {
}
Maadili
| Thamani | Maelezo |
|---|---|
| nambari |
Nambari chanya kuanzia 1.
inabainisha nafasi ya kipengele ambacho tunataka
kukirejelea. Hesabu ya vipengele huanzia 1.
|
odd |
Vipengele visivyo vya kawaida. |
even |
Vipengele vya kawaida. |
| usemi |
Inawezekana kutunga semi maalum zilizo na herufi n,
ambayo inawakilisha nambari zote kamili kutoka sifuri (si moja)
hadi infinity. Kwa hivyo, 2n - inamaanisha nambari zote za kawaida
(zikianzia kwa ya pili).
Vipengele hii inaeleweka vipi? Badilisha n mfululizo
nambari kutoka 0 na kadhalika: ikiwa n = 0, basi 2n itatoa 0 -
kipengele kama hicho hakipo (hesabu ya vipengele inaanzia 1),
ikiwa n = 1, basi 2n itatoa 2 - kipengele cha pili, ikiwa n = 2,
2n inatoa 4 - kipengele cha nne. Ikiwa utaandika 3n - hii
itakuwa kila kipengele cha tatu (kikianzia cha tatu), na kadhalika.
|
Mfano
Tutapata h2 ambao ni 2- h2
kwenye mzazi kutoka mwisho:
<div>
<h2>kichwa</h2>
<p>aya</p>
<h2>kichwa</h2>
<p>aya</p>
<h2>kichwa</h2>
<p>aya</p>
<h2>kichwa</h2>
<p>aya</p>
<h2>kichwa</h2>
<p>aya</p>
<h2>kichwa</h2>
<p>aya</p>
<h2>kichwa</h2>
<p>aya</p>
</div>
h2:nth-last-of-type(2) {
color: red;
}
:
Mfano
Tutapata h2 zote za kawaida kutoka mwisho:
<div>
<h2>kichwa</h2>
<p>aya</p>
<h2>kichwa</h2>
<p>aya</p>
<h2>kichwa</h2>
<p>aya</p>
<h2>kichwa</h2>
<p>aya</p>
<h2>kichwa</h2>
<p>aya</p>
<h2>kichwa</h2>
<p>aya</p>
<h2>kichwa</h2>
<p>aya</p>
</div>
h2:nth-last-of-type(even) {
color: red;
}
:
Mfano
Tutapata h2 zote zisizo za kawaida kutoka mwisho:
<div>
<h2>kichwa</h2>
<p>aya</p>
<h2>kichwa</h2>
<p>aya</p>
<h2>kichwa</h2>
<p>aya</p>
<h2>kichwa</h2>
<p>aya</p>
<h2>kichwa</h2>
<p>aya</p>
<h2>kichwa</h2>
<p>aya</p>
<h2>kichwa</h2>
<p>aya</p>
</div>
h2:nth-last-of-type(odd) {
color: red;
}
:
