HTML5 + CSS3 logó
  WEBFEJLESZTÉS, WEBÁRUHÁZ KÉSZÍTÉS   Ingyenes elektronikus tananyag interaktív
weboldalak készítéséhez.
Custom Search
 
vissza VISSZA    
menü MENÜ    
ismét ISMÉT    
tovább TOVÁBB    

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