tapeta Moderního Webu

nth-last-of-type

3D
2D

:nth-last-of-type(n)

Pseudotřída :nth-last-of-type(n) určí, podle jakého vzorce a ke kterému elementu v seskupení elementů se přiřadí určené hodnoty.

Podpora:

IE 9+, Firefox, Chrome, Safari, Opera

HTML

<div>  4. div  </div>
<span> 4. span </span>
<div>  3. div  </div>
<span> 3. span </span>
<div>  2. div  </div>
<span> 2. span </span>
<div>  1. div  </div>
<span> 1. span </span>

CSS

body > *:nth-last-of-type(2) {
  background: silver;
}

Prohlížeč

4. div
4. span
3. div
3. span
2. div
2. span
1. div
1. span

Oproti nth-of-type se počítá od posledního elementu.

Do závorky se může přiřadit i určitý vzorec, například 2n, 2n+1 apod.


moderniweb.com © 2018