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    

Hátulról N-edik kijelölő


Álelem kijelölő, amely kiválasztja az adott szülőelem n-edik gyermekelemét, az utolsó elemtől kezdve a számlálást.

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

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

:nth-last-child(n)
{
meghatározásblokk
}
/*Kiválasztja az adott szülőelem n-edik gyermekelemét, az utolsó elemtől kezdve a számlálást.*/


Példa:

Forráskód



...
<style> 
 body :nth-last-child(1)  { 
   background:#00ffff; } 
 body :nth-last-child(2)  { 
   background:#ffff00; } 
 body :nth-last-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_hatulrol_nedik_gyermek.html