Как при наведении на пустой блок менять фон у обёртки?

Question

[Martyer]

Всем привет.)

<style>
.flhf * {
    width: 135px;
    height: 360px;
    position: absolute;
    left: **%;
    top: **%;
}
</style>
 <div class="wrap">
		<div class="flhf">
			<div class="q-1"></div>
			<div class="q-2"></div>
			<div class="q-3"></div>
			<div class="q-4"></div>
			<div class="q-5"></div>
			<div class="q-6"></div>
			<div class="q-7"></div>
		</div>
 </div>

При наведении должен меняться фон обёртки wrap, возможно такое? Может быть на js есть вариант? Буду благодарен любой подсказке)

Answer 1

[Serj-One]

На css - нет. На js - конечно. Ищи родителя родителя, и делай с ним что хочешь.

Answer 2

[Евгений Бакулин]

JavaScript Вам в помощь!
нужно написать функции-обработчики событий onmouseover и onmouseout
onmouseover - изменяем свойство style.backgroundColor у родителя либо родителя родителя
onmouseout - возвращаем всё обратно