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