CSS selezionare prossimi due elementi

Question

ho il seguente codice 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> 
.... 

Quindi, fondamentalmente gruppi di tre li s, l'ultimo con una specifica classe e in uno dei gruppi della prima li con una classe speciale .

C'è un modo con puro CSS per selezionare il li con la classe selected e le due successive, contrassegnate nel codice precedente?

Sono riuscito a selezionare il successivo utilizzando li.selected + li, ma questo non funziona per quello successivo.

Answer 1

sufficiente aggiungere un altro + li per raggiungerlo:

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