Á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