Есть ли способ изменить css для одного класса при наведении на элемент из другого класса, используя только css?
Что-то вроде:
.item:hover .wrapper { /*some css*/ }
Только 'wrapper' не находится внутри 'item', это где-то еще.
Я действительно не хочу использовать javascript для чего-то такого простого, но если мне нужно, как бы я это сделал? Здесь моя неудачная попытка:
document.getElementsByClassName('item')[0].onmouseover="document.getElementsByClassName('wrapper')[0].style.background="url('some url')";";
Есть только один элемент каждого класса. Не знаю, почему они не использовали идентификаторы, когда они делали шаблон, но это было именно так, и я не могу его изменить.
[изменить]
Это меню. Каждый элемент меню имеет отдельный класс. При наведении на элемент подменю появляется вправо. Это похоже на наложение, когда я использую инструмент "Inspect Element", я вижу, что весь сайт html изменяется, когда подменю активно (что означает ничего, кроме подменю). Класс, который я называю "оберткой", имеет css, который управляет фоном для подменю. Там действительно нет связи, которую я вижу между двумя классами.