Как обратиться к объекту в сss?

Question

[Прейс Дмитрий]

Как обратиться к предыдущему элементу? Немного глупый вопрос, но меня заинтересовали возможности обращения в css. Есть ли только дочерние, соседние и последовательные, или есть что то, что ускользнуло от моего внимания?

Пример: есть список и как сделать так, чтобы при наведении на .hover цвет первого и второго элемента менялся на красный?

<ul>
  <li>Lorem ipsum.</li>
  <li>Lorem ipsum.</li>
  <li class="hover">Lorem ipsum.</li>
</ul>

Только так, или есть фишечки типа обращения, обратного "~"? "при наведении на .hover поменяй цвет предыдущих на красный"

Comments

[shadobut]

Нет, но можно сымитировать такое поведение c помощью абсолютного позиционирования и вложенных списков

Answer 1

[Алексей Уколов]

Пока такое невозможно, но в четвёртой версии спецификации появится:

li:has(~ .hover:hover) {
  color: red;
}

Answer 2

[Олег]

Как вариант так ;) на костылях https://jsfiddle.net/9zsc7b9L/

Comments

[Прейс Дмитрий]

Ха, Неплохо))