Czy istnieje sposób na zmodyfikowanie css dla jednej klasy, gdy najedziesz na element z innej klasy, używając tylko css?

Coś jak:

<code>.item:hover .wrapper { /*some css*/ }
</code>

Tylko „wrapper” nie jest w „item”, jest gdzie indziej.

Naprawdę nie chcę używać javascript do czegoś tak prostego, ale jeśli muszę, jak bym to zrobił? Oto moja nieudana próba:

<code>document.getElementsByClassName('item')[0].onmouseover="document.getElementsByClassName('wrapper')[0].style.background="url('some url')";";
</code>

Jest tylko jeden element każdej klasy. Nie wiem, dlaczego nie użyli identyfikatorów podczas tworzenia szablonu, ale tak właśnie jest i nie mogę tego zmienić.

[Edytować]

To menu. Każdy element menu ma odrębną klasę. Po najechaniu na element podmenu pojawia się po prawej stronie. To jest jak nakładka, kiedy używam narzędzia „Inspect Element” widzę, że cały HTML zmienia się, gdy podmenu jest aktywne (co oznacza, że ​​nie ma nic poza podmenu). Klasa, którą nazywam „wrapper”, ma css, który kontroluje tło podmenu. Naprawdę nie ma połączenia, które widzę między dwiema klasami.