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