¿Hay alguna forma de modificar el css para una clase al pasar sobre un elemento de otra clase usando solo css?

Algo como:

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

Solo 'wrapper' no está dentro de 'item', está en otra parte.

Realmente no quiero usar javascript para algo tan simple, pero si tengo que hacerlo, ¿cómo lo haría? Aquí está mi intento fallido:

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

Solo hay un elemento de cada clase. No sé por qué no usaron ID cuando hicieron la plantilla, pero así es como es y no puedo cambiarla.

[Editar]

Es un menu Cada elemento del menú tiene una clase distinta. Cuando se desplaza sobre el elemento, aparece un submenú a la derecha. Es como una superposición, cuando uso la herramienta 'Inspeccionar elemento' puedo ver que todo el html del sitio web cambia cuando el submenú está activo (lo que significa que no hay nada más que el submenú). La clase a la que llamo 'wrapper' tiene el css que controla el fondo para el submenú. Realmente no hay conexión que pueda ver entre las dos clases.