N-edik gyermek kijelölő - WEBFEJLESZTÉS, WEBÁRUHÁZ KÉSZÍTÉS

N-edik gyermek kijelölő

Álelem kijelölő, amely kiválasztja az adott szülőelem n-edik gyermekelemét.

Az n lehet szám, kulcsszó vagy képlet.

Az nth-child(2n) minden második, az nth-child(3n) pedig minden harmadik elemet fogja kiválasztani. A kiválasztás független a gyermekelem típusától.

:nth-child(n)

{

meghatározásblokk

}

/*Kiválasztja az adott szülőelem n-edik gyermekelemét.*/

Példa:

Forráskód


...
<style> 
 body :nth-child(1)   { 
   background:#00ffff;} 
 body :nth-child(2)   { 
   background:#ffff00;} 
 body :nth-child(2n)  { 
   color:#000066; } 
</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_gyermek.html