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    

Utolsó gyermek kijelölő


Kiválasztja azokat az elemeket, amelyek szülő elemeik utolsó gyermekei.

:last-child
{
meghatározásblokk
}
/*Kiválasztja azokat az elemeket, amelyek szülő elemeik utolsó gyermekei.*/


Példa:

Forráskód



...
<style> 
  body :last-child  {background-color: teal;} 
  div :last-child  {background-color: purple;} 
</style>     
...
<body>      
  <p> A BODY első gyermeke vagyok <em>
    ( p- utolsó )</em></p> 
  <p> A BODY második gyermeke vagyok </p> 
  <div> 
    <p> A DIV első gyermeke vagyok </p> 
    <p> A DIV utolsó gyermeke vagyok </p> 
  </div>  
  <em> A BODY utolsó gyermeke vagyok </em> 
</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_utolso_gyermek.html