Combinador general de germans

El combinador general de germans (~) separa dos selectors i només coincideix amb el segon element si segueix el primer element (encara que no necessàriament immediatament), i tots dos són fills del mateix pare element (en-US).

/* Paràgrafs que són germans i posteriors a qualsevol imatge */
img ~ p {
  color: red;
}

element ~ element { style properties }

p ~ span {
  color: red;
}

<span>This is not red.</span>
<p>Here is a paragraph.</p>
<code>Here is some code.</code>
<span>And here is a red span!</span>
<code>More code...</code>
<span>And this is a red span!</span>

• Selectors de germans adjacents