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.*/
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