title: CSS selector to get preceding sibling
body: <p>Is there any way using pure CSS(3) to select an element that is a preceding sibling of an element with a particular class?</p>
  
  <p>i.e.:</p>
  
  <p>html:</p>
  
  <pre><code>&lt;div id='element-to-find'&gt;&lt;/div&gt;
  &lt;div id='box1'&gt;&lt;/div&gt;
  &lt;!-- a bunch more DOM elements between here ---&gt;
  &lt;div id='box2'&gt;
        &lt;div id='inner-box'&gt;&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>css:</p>
  
  <pre><code>#box1{ /*some styling*/ }
  #box2{ /*some styling*/ }
  
  #box2.active .....
  </code></pre>
  
  <p>Now, when #box2 has the class <code>active</code> I want to select and do something to the style of <code>#element-to-find</code>.  Is there anyway to accomplish this?</p>