logó WEBFEJLESZTÉS, WEBÁRUHÁZ KÉSZÍTÉS
Ingyenes elektronikus tananyag interaktív weboldalak készítéséhez.
visszaVISSZA   
menüMENÜ   

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

Ahogy a legtöbb honlap, ez a webhely is használ sütiket a weboldalain.