title: CSS class for only "in between" class instances
body: <p>Let's say I have some HTML like this.</p>
  
  <pre><code>&lt;ul&gt;blah&lt;/ul&gt;
  &lt;li class="classOne"&gt;blah&gt;&lt;/li&gt;
  &lt;li class="classTwo"&gt;blah&gt;&lt;/li&gt;
  &lt;li class="classTwo"&gt;blah&gt;&lt;/li&gt;
  &lt;li class="classTwo"&gt;blah&gt;&lt;/li&gt;
  &lt;li class="classOne"&gt;blah&gt;&lt;/li&gt;
  &lt;li class="classTwo"&gt;blah&gt;&lt;/li&gt;
  &lt;li class="classTwo"&gt;blah&gt;&lt;/li&gt;
  &lt;li class="classTwo"&gt;blah&gt;&lt;/li&gt;
  &lt;li class="classTwo"&gt;blah&gt;&lt;/li&gt;
  &lt;li class="classTwo"&gt;blah&gt;&lt;/li&gt;
  &lt;li class="classTwo"&gt;blah&gt;&lt;/li&gt;
  &lt;li class="classOne"&gt;blah&gt;&lt;/li&gt;
  &lt;li class="classTwo"&gt;blah&gt;&lt;/li&gt;
  &lt;li class="classTwo"&gt;blah&gt;&lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>I want to have a border around each instance of classOne, but instances of classTwo should not have a border around them. </p>
  
  <p>If I make the border-bottom invisible on instances of classTwo, then I'm effectively removing the top border of the next instance of classOne after an instance of classTwo.</p>
  
  <p>Is there a CSS way of saying "only remove the bottom border of this element if the next element has the same class"?</p>