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

Első gyermek típuskijelölő


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

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


Példa:

Forráskód



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

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