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    

Leszármazott kijelölő



Egy HTML5 dokumentumban minden elem a html elem leszármazottja, mivel minden elem a <html ..>..</html> címkék között helyezkedik el. A html elem hierarchiába legfelső szintjén helyezkedik el, minden más elem alatta van. A html elem, így minden más elem őse, a többiek pedig az ő leszármazottja.

A hierarchia következő szintjén a body elem található. A <body> és </body> címkék által közrefogott elemek a body elem leszármazottjai, amelyekbe további elemek ágyazhatók. Ezek mind a body leszármazottjai.

Általánosságban elmondható, hogy minden elem leszármazottja minden a hierarchiában felette álló elemnek. (Az ősök nyitó és záró címkéi között helyezkedik el.)

elem1 elem2
{
meghatározásblokk
}
/*Az összes elem2 típusú elemre vonatkozik, amely valamely őse elem1 típusú.*/


Példa:

Forráskód



<style type="text/css" >
body  p {  color: blue; } 
       /* az összes olyan bekezdésre vonatkozik, amelynek body az őse */ 
</style>
...
<body>            
   <div class="div_1" title= "body első gyermeke" > 
      <p> A body unokája vagyok. <b>Én pedig a dédunoka.</b></p> 
   </div>  
   <p> A body gyermeke vagyok.</p> 
</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ő: css_kijelolo_leszarmazott.html