CSS选择接下来的两个元素

Question

我有以下HTML：

...
<li>...</li>
<li>...</li>
<li class="last">...</li>

<li class="selected">...</li>  # <- this
<li>...</li>                   # <- this
<li class="last">...</li>      # <- this

<li>...</li>
<li>...</li>
<li class="last">...</li>
....

所以，基本上是三个li的组，最后一个具有特定类，在一个组中，第一个li具有特殊类。

有没有办法使用纯CSS来选择li类selected以及接下来的两个类，在上面的代码中标记？

我已设法使用li.selected + li选择下一个，但这不适用于之后的那个。

Answer 1

只需添加另一个+ li即可：

li.selected, li.selected + li, li.selected + li + li