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 típuskijelölő


Á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