Psevdorazred nth-last-of-type
Psevdorazred nth-last-of-type izbere
element, ki je n-ti potomec
starša določenega tipa, pri čemer odštevamo od konca.
Obnaša se podobno kot nth-of-type,
le da se odštevanje izvaja od konca.
Sintaksa
selektor:nth-last-of-type(število | odd | even | izraz) {
}
Vrednosti
| Vrednost | Opis |
|---|---|
| število |
Pozitivno število začenši z 1.
Določa številko elementa, do katerega želimo
dostopati. Številčenje elementov se začne z 1.
|
odd |
Lihi elementi. |
even |
Sodi elementi. |
| izraz |
Lahko sestavimo posebne izraze s črko n,
ki predstavlja vsa cela števila od nič (ne od ena)
do neskončnosti. Tako 2n pomeni vsa soda
števila (z začetkom pri drugem).
Kako to razumeti? V n zaporedoma
zamenjujemo števila od 0 naprej: če je n = 0, potem 2n da 0 -
takega elementa ni (številčenje elementov je od 1),
če je n = 1, potem 2n da 2 - drugi element, če je n = 2,
2n da 4 - četrti element. Če napišemo 3n - to
bo vsak tretji element (z začetkom pri tretjem), in tako naprej.
|
Primer
Poiščimo h2, ki je 2-ti h2
v staršu od konca:
<div>
<h2>naslov</h2>
<p>odstavek</p>
<h2>naslov</h2>
<p>odstavek</p>
<h2>naslov</h2>
<p>odstavek</p>
<h2>naslov</h2>
<p>odstavek</p>
<h2>naslov</h2>
<p>odstavek</p>
<h2>naslov</h2>
<p>odstavek</p>
<h2>naslov</h2>
<p>odstavek</p>
</div>
h2:nth-last-of-type(2) {
color: red;
}
:
Primer
Poiščimo vse sode h2 od konca:
<div>
<h2>naslov</h2>
<p>odstavek</p>
<h2>naslov</h2>
<p>odstavek</p>
<h2>naslov</h2>
<p>odstavek</p>
<h2>naslov</h2>
<p>odstavek</p>
<h2>naslov</h2>
<p>odstavek</p>
<h2>naslov</h2>
<p>odstavek</p>
<h2>naslov</h2>
<p>odstavek</p>
</div>
h2:nth-last-of-type(even) {
color: red;
}
:
Primer
Poiščimo vse lihe h2 od konca:
<div>
<h2>naslov</h2>
<p>odstavek</p>
<h2>naslov</h2>
<p>odstavek</p>
<h2>naslov</h2>
<p>odstavek</p>
<h2>naslov</h2>
<p>odstavek</p>
<h2>naslov</h2>
<p>odstavek</p>
<h2>naslov</h2>
<p>odstavek</p>
<h2>naslov</h2>
<p>odstavek</p>
</div>
h2:nth-last-of-type(odd) {
color: red;
}
:
