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