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;
}
Результат: