Подсветка только элемента под мышью

[zm_sansan]

http://codepen.io/anon/pen/LErOQZ
при наведении на div с текстом 2 или 3 подсвечивается и родительский элемент 1. Не могу придумать как сделать, чтобы при наведении на элемент 2 или 3 только этот элемент и подсвечивался.

[рони]

zm_sansan,
.a .a:hover {} ?

[zm_sansan]

рони, для частного случая верно, но div'ы могут быть вложены друг в друга любое количетсво раз. забыл указать
т.е. такой случай http://codepen.io/anon/pen/EaRbrP при наведении на любой div только он и должен подсвечиваться, родительские div не должны. при на ведении на корневой div соответсвенно тоже подсвечиваться должен

[рони]

но div'ы могут быть вложены друг в друга любое количетсво раз. забыл указать

приведите пример

[рони]

zm_sansan,
а указать особый класс для нужных элементов?

[zm_sansan]

особые это те на которые наведён курсор, но почему то родительские тоже захватывает

[Safort]

zm_sansan,
что-то я не могу придумать реализацию на CSS. Может, тебе сойдёт пример на JS?

[zm_sansan]

сойдёт конечно

[Safort]

http://codepen.io/anon/pen/JoZOgE

[zm_sansan]

спасибо) работает как надо