Изменить CSS свойства эллемента при наведении на него мыши

NkDev,

Добавьте в css:

.outer:hover {background-color: maroon;}

.outer:hover .inner {background-color: blue;}

Это то что нужно?

https://jsfiddle.net/y7cj5tmr/2/

На чистом CSS вроде как пока никак нельзя. Но планируется сделать такую возможность.

Sitealert, Почему? Выше подсказали же правильное решение?

Нет. это частное решение - работает при наведении на родительский блок, при этом меняются свойства дочернего элемента. А вот изменять свойства родительского элемента при действиях на дочернем элементе CSS3 не умеет.

А ТС поставил задачу именно таким образом

melkozaur, Оптимизайка

Спасибо! То что нужно!

То есть Вы неправильно поставили задачу? ;)

UPD: Я понял, задача была проще - имелся в виду средний блок по расположению в ряд, а не по иерархии. Как говорится, каждый получающий задачу понимает её иначе, чем ставящий.😂

Ну там все запутанно, ибо в первом предложении именно то, что и сделали ему в примерах: