Jak wybrać wszystkie elementy po określonym elemencie w CSS

Question

Chcę zastosować pewne określone style do wszystkich elementów, które pochodzą po pewnym elemencie. Na przykład chcę zaznaczyć wszystkie elementy, które przychodzą po divider i zmienić ich kolor tła na zielony.

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

kod CSS

li { 
    background-color: 'red'; 
} 

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

Answer 1

Można użyć

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