Álelem kijelölő, amely kiválasztja az adott szülőelem n-edik megadott típusú gyermekelemét, az első adott típusú elemtől kezdve a számlálást.
Az n lehet szám, kulcsszó vagy képlet.
Az :nth-of-type(2n) minden második, az :nth-of-type(3n) pedig minden harmadik elemet fogja kiválasztani.
A kiválasztás függ a gyermekelem típusától. A számozásba más típusú elemek nem számítanak bele.
:nth-of-type(n)
{
meghatározásblokk
}
/*Kiválasztja az adott szülőelem n-edik megadott típusú gyermekelemét.*/
Példa:
Forráskód
...
<style>
body p:nth-of-type(1) {
background:#00ffff; }
body p:nth-of-type(2) {
background:#ffff00; }
body p:nth-of-type(odd) {
color:#000066; }
body p:nth-of-type(even) {
color:#006600; }
</style>
...
<body>
<h2>Címsor</h2>
<p> Első bekezdés</p>
<p> Második bekezdés</p>
<p> Harmadik bekezdés</p>
<p> Negyedik bekezdés</p>
<p> Ötödik bekezdés</p>
</body>
Eredmény*
* Az eredmény megjelenítése az Ön által használt böngészőtől függ.
A példakód külön ablakban is megtekinthető: kijelolo_nedik_gyermektipus.html