Javascript-форум (https://javascript.ru/forum/)
-   (X)HTML/CSS (https://javascript.ru/forum/xhtml-html-css/)
-   -   Подсветка только элемента под мышью (https://javascript.ru/forum/xhtml-html-css/54012-podsvetka-tolko-ehlementa-pod-myshyu.html)

zm_sansan 27.02.2015 19:54

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

рони 27.02.2015 20:19

zm_sansan,
.a .a:hover {} ?

zm_sansan 27.02.2015 20:25

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

рони 27.02.2015 20:33

Цитата:

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

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

рони 27.02.2015 20:36

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

zm_sansan 27.02.2015 20:37

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

Safort 27.02.2015 20:41

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

zm_sansan 27.02.2015 20:43

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

Safort 27.02.2015 20:56

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

zm_sansan 27.02.2015 20:58

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


Часовой пояс GMT +3, время: 20:07.