Подтвердить что ты не робот

Как выбрать все элементы после определенного элемента в CSS

Я хочу применить некоторые конкретные стили ко всем элементам, которые появляются после определенного элемента. Например, я хочу выбрать все элементы, которые появляются после 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';
}
4b9b3361

Ответ 1

Вы можете использовать

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