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 kijelölő


Kiválasztja azokat az elemeket, amelyek a szülő elemek egyetlen gyermekei.

:only-child
{
meghatározásblokk
}
/*Kiválasztja azokat az elemeket, amelyek a szülő elemek egyetlen gyermekei. */


Példa:

Forráskód



...
<style>
  em:only-child {background-color: teal;} 
  p:only-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 <b>vagyok</b> </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.html