Select all elements in a list after class is matched
<p><strong>Code:</strong></p>

<pre><code>&lt;ul&gt;
  &lt;li&gt;One&lt;/li&gt;
  &lt;li&gt;Two&lt;/li&gt;
  &lt;li class="animate-out"&gt;Three&lt;/li&gt;
  &lt;li&gt;Four&lt;/li&gt;
  &lt;li&gt;Five&lt;/li&gt;
&lt;/ul&gt;
</code></pre>

<p>Is there a CSS selector that will select all of the items of the list after the one with the <code>animate-out</code> class?</p>

<p>I can target the one with animate out for the animation, but I want to simultaneously slide the remaining items up.</p>

<p>One caveat, it is possible that more then one item might be being removed simultaneously. </p>

<p>Is this possible to do with straight CSS or do I need to use JS to do this animation properly?</p>