Psevdo-sinif nth-last-of-type
Psevdo-sinif nth-last-of-type
valideynin verilmiş tipdeki n-ci nəslini seçir,
sayma sonundan başlayır.
nth-of-type kimi davranır,
yalnız sayma sonundan başlayır.
Sintaksis
cssselektor:nth-last-of-type(ədəd | odd | even | ifadə) {
}
Dəyərlər
| Dəyər | Təsvir |
|---|---|
| ədəd |
1-dən başlayaraq müsbət ədəd.
Ünvanlanmaq istədiyimiz elementin nömrəsini təyin edir.
Elementlərin nömrələnməsi 1-dən başlayır.
|
odd |
Tək elementlər. |
even |
Cüt elementlər. |
| ifadə |
N hərfi ilə xüsusi ifadələr qurmaq olar,
bu hərf sıfırdan (bir deyil) sonsuzluğa qədər
bütün tam ədədləri bildirir. Beləliklə, 2n - bütün cüt
nömrələr deməkdir (ikincidən başlayaraq).
Bunu necə başa düşmək olar? n-də ardıcıl olaraq
0 və s. ədədləri əvəz edirik: əgər n = 0, onda 2n 0 verəcək -
belə bir element yoxdur (elementlərin nömrələnməsi 1-dən başlayır),
əgər n = 1, onda 2n 2 verəcək - ikinci element, əgər n = 2,
2n 4 verəcək - dördüncü element. Əgər 3n yazsaq - bu
hər üçüncü element deməkdir (üçüncüdən başlayaraq) və s.
|
Nümunə
Valideyndə sondan 2-ci h2
olan h2-ni tapaq:
html<div>
<h2>başlıq</h2>
<p>abzas</p>
<h2>başlıq</h2>
<p>abzas</p>
<h2>başlıq</h2>
<p>abzas</p>
<h2>başlıq</h2>
<p>abzas</p>
<h2>başlıq</h2>
<p>abzas</p>
<h2>başlıq</h2>
<p>abzas</p>
<h2>başlıq</h2>
<p>abzas</p>
</div>cssh2:nth-last-of-type(2) {
color: red;
}
Результат:
Nümunə
Sondan bütün cüt h2-leri tapaq:
html<div>
<h2>başlıq</h2>
<p>abzas</p>
<h2>başlıq</h2>
<p>abzas</p>
<h2>başlıq</h2>
<p>abzas</p>
<h2>başlıq</h2>
<p>abzas</p>
<h2>başlıq</h2>
<p>abzas</p>
<h2>başlıq</h2>
<p>abzas</p>
<h2>başlıq</h2>
<p>abzas</p>
</div>cssh2:nth-last-of-type(even) {
color: red;
}
Результат:
Nümunə
Sondan bütün tək h2-leri tapaq:
html<div>
<h2>başlıq</h2>
<p>abzas</p>
<h2>başlıq</h2>
<p>abzas</p>
<h2>başlıq</h2>
<p>abzas</p>
<h2>başlıq</h2>
<p>abzas</p>
<h2>başlıq</h2>
<p>abzas</p>
<h2>başlıq</h2>
<p>abzas</p>
<h2>başlıq</h2>
<p>abzas</p>
</div>cssh2:nth-last-of-type(odd) {
color: red;
}
Результат: