CSS: выберите предыдущий брат

У меня есть список, и я хочу выбрать предыдущий и следующий из тех, которые я нахожу

<ul>
    <li>Item1</li>
    <li>Item1</li>
    <li>Item1</li>
    <li>Item1</li>
    <li>Item1</li>
</ul>

Я могу выбрать следующего брата с помощью селектора "+". Но есть ли возможность получить предыдущий?

ul li:hover + li {
    color:red;
}

Я уже пробовала ul li + li:hover но это не работает Не могу поверить, что нет хитрого взлома, который я мог бы использовать.

Конечно, я могу сделать это легко с помощью Javascript, но мне не нравится использовать JS, где я могу получить тот же результат с помощью CSS.

Источник

1 ответ

Решение

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

Источник
Другие вопросы по тегам