nth-last-of-type жалган-классы
nth-last-of-type жалган-классы
ата-энесинин белгилүү тибиндеги n-чи мурасы
болгон элементти тандайт, аягынан эсептөө менен.
nth-of-type сыяктуу эле иштейт,
бирок эсептөө аягынан башталат.
Синтаксис
тандоочу:nth-last-of-type(сан | odd | even | туюнтма) {
}
Маанилер
| Маани | Сүрөттөмө |
|---|---|
| сан |
1дөн башталган оң сан.
Каалаган элементтин номерин көрсөтөт.
Элементтердин номери 1дөн башталат.
|
odd |
Так элементтер. |
even |
Жуп элементтер. |
| туюнтма |
n тамгасы менен атайын туюнтмалар түзсө болот,
бул n нөлдөн (бирден эмес)
чексиздикке чейинки бардык бүтүн сандарды билдирет. Ошентип, 2n - бардык жуп
сандарды (экинчисинен баштап) билдирет.
Муну кантип түшүнүү керек? nга ырааттуу түрдө
0 жана андан ары сандарды коёбуз: эгер n = 0 болсо, анда 2n 0 берет -
мындай элемент жок (элементтердин номери 1ден башталат),
эгер n = 1 болсо, анда 2n 2 берет - экинчи элемент, эгер n = 2 болсо,
2n 4 берет - төртүнчү элемент. Эгер 3n деп жазылса - бул
ар бир үчүнчү элемент (үчүнчүдөн баштап), жана ушу сыяктуу.
|
Мисал
Аягындагы 2-чи h2
болгон h2 тандайлы:
<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>
h2:nth-last-of-type(2) {
color: red;
}
:
Мисал
Аягындагы бардык жуп h2 тандайлы:
<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>
h2:nth-last-of-type(even) {
color: red;
}
:
Мисал
Аягындагы бардык так h2 тандайлы:
<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>
h2:nth-last-of-type(odd) {
color: red;
}
:
