title: Trying to select a div whose parent's preceding sibling contains a div with a particular class
body: <p>I have some markup like this:</p>
  
  <pre><code>&lt;div class="field"&gt;
      &lt;div class="selector" id="uniform-blablabla"&gt;
          [select tag markup]
      &lt;/div&gt;
  &lt;div&gt;
  &lt;div class="field"&gt;
      &lt;input type="text" id="etcetc"
  &lt;/div&gt;
  </code></pre>
  
  <p>I'm looking for a css selector that will select the input tag above based on the fact that its containing .field div is preceded by a .field div containing a div with a .selector class, as in the markup above.  I've tried</p>
  
  <pre><code>div.field &gt; .selector + div.field &gt; input
  </code></pre>
  
  <p>but that doesn't work, I assume because the input tag isn't a sibling of the div tag with the .selector class and I really need their parents to be siblings.</p>
  
  <p>I've read up on some of the interesting reasons that CSS doesn't support any sort of "parent" selector, and I can see why.  I'm wondering if there's another way to accomplish this, short of putting a class on each input tag that follows a selector.  Is there?</p>