CSS. Как при наведении курсора на один элемент списка, текущий элемент окрашивался в зеленый, а элемент через него в красный?

.block:hover {
  background: green;
}

.block:hover+li+li {
  background: red;
}

<ol>
  <li class="block">Пункт li</li>
  <li class="block">Пункт li</li>
  <li class="block">Пункт li</li>
  <li class="block">Пункт li</li>
  <li class="block">Пункт li</li>
  <li class="block">Пункт li</li>
  <li class="block">Пункт li</li>
  <li class="block">Пункт li</li>
  <li class="block">Пункт li</li>
  <li class="block">Пункт li</li>
</ol>