Pseudotřída :nth-of-type(n) určí, podle jakého vzorce a ke kterému elementu v seskupení elementů se přiřadí určené hodnoty.
IE 9+, Firefox, Chrome, Safari, Opera
<div> 1. div </div> <span> 1. span </span> <div> 2. div </div> <span> 2. span </span> <div> 3. div </div> <span> 3. span </span> <div> 4. div </div> <span> 4. span </span>
body > *:nth-of-type(2) { background: silver; }
Oproti nth-child se bere v potaz každý element. Pokud bychom v tomto příkladu použili nth-child, byl by onzačen jen jeden řádek, a to druhý element 1. span
.
Do závorky se může přiřadit i určitý vzorec, například 2n, 2n+1 apod.