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

Á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>
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


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