CSS chọn hai yếu tố tiếp theo

Question

Tôi có HTML sau:

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

Vì vậy, về cơ bản các nhóm ba li s, người cuối cùng với một lớp cụ thể và trong một trong những nhóm người đầu tiên li với một lớp học đặc biệt .

Có cách nào với CSS thuần túy để chọn li với lớp selected và hai lớp tiếp theo, được đánh dấu trong mã ở trên không?

Tôi đã chọn mục tiếp theo bằng cách sử dụng li.selected + li, nhưng điều này không hoạt động đối với cái sau đó.

Answer 1

Đơn giản chỉ cần thêm một + li để đạt được nó:

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