title: Using CSS to select parent of an element
body: <p>Can I use CSS to select a parent of an element without using jQuery or JavaScript (pure CSS).</p>
  
  <p>Here is my code</p>
  
  <pre><code>&lt;nav&gt;
      &lt;ul class='page-numbers'&gt;
          &lt;li&gt;&lt;span class='page-numbers current'&gt;1&lt;/span&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a class='page-numbers' href=/page/2/'&gt;2&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a class='page-numbers' href=/page/3/'&gt;3&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a class="next page-numbers" href="/page/2/"&gt;Next Page&lt;/a&gt;&lt;/li&gt;
      &lt;/ul&gt;
  &lt;/nav&gt;
  </code></pre>
  
  <p>Please note that there is a class called <strong>current</strong>, and in the example above, it is on the first page. This <strong>current</strong> class will be inserted into any page that is the current page (so if the current page is the second page, the second item in the list will have the <strong>current</strong> class.</p>
  
  <p>Now using CSS only (without jQuery or JavaScript), how can I select the list element that has a child with the class current? </p>
  
  <p>Please do not suggest changing the HTML because it should be the way it is because this is the requirement.</p>