Vergleichen Sie mit Geschwister Selektor Beispiel

<style type="text/css">
cite + i {background-color: #fab;}
</style>

<p>Der <cite>Herr der Ringe</cite> ein <b>toller</b> Film <i>Copyright by Spielberg</i>. </p>
<p>Der <cite>Herr der Ringe</cite> ein toller Film <i>Copyright by Spielberg</i>. </p>

Der Unterschied ist hier, dass in der ersten Zeile zwischen cite und i noch ein weiteres Tag b eingefügt ist.
Ersetzt man anstatt dieses "Nachbar" Selektors den "Geschwister Selektor" würde auch in der ersten Zeile "Copyright by Spielberg" mit Hintergrundfarbe versehen.

cite ~ i{background-color: #fab;}