CSSの特定の要素の後にすべての要素を選択する方法

Question

特定の要素の後に来るすべての要素にいくつかの特定のスタイルを適用したいと思います。たとえば、dividerの後ろにあるすべての要素を選択し、背景色を緑に変更したいとします。

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

CSSコード

li { 
    background-color: 'red'; 
} 

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

Answer 1

あなたは

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