CSS seleccionar próximos dos elementos

Question

tengo el código HTML siguiente:

... 
<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> 
.... 

Así que, básicamente grupos de tres li s, el último con una clase específica y en uno de los grupos de la primera li con una clase especial .

¿Hay alguna forma con CSS puro de seleccionar li con la clase selected y las dos siguientes, marcadas en el código anterior?

He logrado seleccionar la siguiente usando li.selected + li, pero esto no funciona para la siguiente.

Answer 1

sólo tiene que añadir otra + li para llegar a él:

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