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

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

Пример: есть список и как сделать так, чтобы при наведении на .hover цвет первого и второго элемента менялся на красный?
<ul>
  <li>Lorem ipsum.</li>
  <li>Lorem ipsum.</li>
  <li class="hover">Lorem ipsum.</li>
</ul>


Только так, или есть фишечки типа обращения, обратного "~"? "при наведении на .hover поменяй цвет предыдущих на красный"
  • Вопрос задан
  • 174 просмотра
Решения вопроса 1
alexey-m-ukolov
@alexey-m-ukolov Куратор тега CSS
Пока такое невозможно, но в четвёртой версии спецификации появится:
li:has(~ .hover:hover) {
  color: red;
}
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 1
politon
@politon
HTML5,CSS3,JS,PHP,SQL,API,canvas,animation...
Как вариант так ;) на костылях https://jsfiddle.net/9zsc7b9L/
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы