Cách chọn tất cả các phần tử sau phần tử cụ thể trong CSS

Question

Tôi muốn áp dụng một số kiểu cụ thể cho tất cả các phần tử đi kèm sau một phần tử nhất định. Ví dụ: tôi muốn chọn tất cả các phần tử sau divider và thay đổi màu nền thành màu xanh lục.

<ul> 
    <li> Cricket </li> 
    <li> Hockey </li> 
    <li class='divider'> </li> //Divider here 
    <li> Football </li> 
    <li> Table Tennis </li> 
</ul> 

mã CSS

li { 
    background-color: 'red'; 
} 

//Selector to select elements after divider { 
    background-color: 'green'; 
} 

Answer 1

Bạn có thể sử dụng

.divider ~ li { 
    background-color:green; 
}