title: Changing elements CSS properties based on child element
body: <blockquote>
    <p><strong>Possible Duplicate:</strong><br>
    <a href="https://stackoverflow.com/questions/45004/complex-css-selector-for-parent-of-active-child">Complex CSS selector for parent of active child</a>  </p>
  </blockquote>
  
  
  
  <p>This is my markup:</p>
  
  <pre><code>&lt;ol class="wp-paginate"&gt;
      &lt;li&gt;&lt;span class="title"&gt;&lt;/span&gt;&lt;/li&gt;
      &lt;li&gt;&lt;span class="page current"&gt;1&lt;/span&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="http://localhost/page/2/" title="2" class="page"&gt;2&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="http://localhost/page/2/" class="next"&gt;»&lt;/a&gt;&lt;/li&gt;
  &lt;/ol&gt;
  </code></pre>
  
  <p>And I want to change the <code>background-position</code> property of the <code>li</code> element that has a <code>span</code> child with the class <code>current</code>. In this case, the second list item.</p>
  
  <p>I do consider myself proficient with CSS, but I really cannot think of how to do that. Maybe there isn't a way, or I'm just having a brain fart.</p>
  
  <p>Thanks!</p>