title: Selecting subsequent and preceding elements of a given element via CSS?
body: <p>If I have a list:</p>
  
  <pre><code>&lt;ul&gt;
      &lt;li&gt;item&lt;/li&gt;
      &lt;li class="selected"&gt;item&lt;/li&gt;
      &lt;li&gt;item&lt;/li&gt;
      &lt;li&gt;item&lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>Is it possible to select the 3rd and 4th items in this list via CSS? And more generally, all items that come after/before the <code>.selected</code> item?</p>