HTML5 + CSS3 logó
  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    

Egyke gyermek típuskijelölő


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

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


Példa:

Forráskód



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