title: CSS select last li-element with specific class
body: <p>i have a list </p>
  
  <pre><code>&lt;ul&gt;
      &lt;li class="range1"&gt;Entry&lt;/li&gt;
      &lt;li class="range1"&gt;Entry&lt;/li&gt;
      &lt;li class="range1"&gt;Entry&lt;/li&gt;
      &lt;li class="range2"&gt;Entry&lt;/li&gt;
      &lt;li class="range2"&gt;Entry&lt;/li&gt;
      &lt;li class="range2"&gt;Entry&lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>Now i want to select the last li with the class "range1". Problem is, that this list is dynamic cause of a sql database output, so i cant work with nth-child.</p>
  
  <pre><code>li.range1:last-child
  </code></pre>
  
  <p>doesnt work. I dont want use Javascript so is it possible to just use CSS?</p>