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    

Általános testvér kijelölő



Az Elem1 HTML elemet követő valamennyi (nem csak az első) Elem2 HTML elemre vonatkozik, amely Elem1-el közös szülőtől származik.

elem1 ~ elem2
{
meghatározásblokk
}
/*A Elem1 HTML elemet követő valamennyi Elem2 HTML elemre vonatkozik,
amely Elem1-el közös szülőtől származik.*/


Példa:

Forráskód



<style type="text/css" >
div ~ p {  color: blue; } /*A DIV-et követő bekezdés(ek)re vonatkozik. */  
</style>
....
<body>            
   <div class="div_1"> 
       <p> A DIV gyermeke vagyok </p>   /* fekete */ 
   </div>  
   <p> Én vagyok az első tesó.</p>    /* kék */ 
   <p> Én vagyok a második.</p>      /* kék */ 
</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_altalanos_testver.html