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


Kiválasztja azokat az elemeket, amelyek szülő elemeik utolsó, adott típusú gyermekei.

:last-of-type
{
meghatározásblokk
}
/*Kiválasztja azokat az elemeket, amelyek szülő elemeik utolsó, adott típusú gyermekei.*/


Példa:

Forráskód



...
 <style>  	     
  body em:last-of-type {background-color: teal;} 
  div p:last-of-type  {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_tipus.html

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