匹配类后，选择列表中的所有元素

Question

代码：

<ul>
  <li>One</li>
  <li>Two</li>
  <li class="animate-out">Three</li>
  <li>Four</li>
  <li>Five</li>
</ul>

是否有一个CSS选择器会在具有animate-out类的列表之后选择列表中的所有项目？

我可以针对动画制作动画效果，但我想同时滑动剩余的项目。

有一点需要注意，可能会同时删除多个项目。

这可以用直接的CSS做，还是我需要用JS来正确地做这个动画？

Answer 1

像这样使用兄弟选择器~：

＆＃13;

＆＃13;

.animate-out ~ li {
  background: red
}

＆＃13;

<ul>
  <li>One</li>
  <li>Two</li>
  <li class="animate-out">Three</li>
  <li>Four</li>
  <li>Five</li>
</ul>

＆＃13;

＆＃13;

＆＃13;