title: CSS Selector for Child of Parent's Sibling Element
body: <p>If I've got this:</p>
  
  <pre><code>&lt;div class="parent"&gt;
      &lt;a href="#" id="trigger"&gt;Trigger&lt;/a&gt;
  &lt;/div&gt;
  &lt;div class="sibling"&gt;
      &lt;div id="change"&gt;Hello&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Is there a selector to grab #change when #trigger is hovered upon?</p>
  
  <p>Like upon hover of #trigger, change the background of .sibling's #change element.</p>
  
  <p>I'm looking for a pure CSS solution without javascript.</p>