Почему перестает быть активной?

Question

[Юрий Елманов]

https://jsfiddle.net/Yurikez/8nzqw0yo/ - ссылка на демку
https://jsfiddle.net/Yurikez/8nzqw0yo/1/ - вот так могу навести, но выводятся все вложенности
Только эту строчку поменял

.drop_menu_select:hover  .next_drop_menu_select{
 	display: block;
 }

Вопрос такой, почему при наведение на о нас -> лицензии и сертификаты след. вложенность не остается активной когда я перехожу на ее область, что бы выбрать, то что там вложено?
Прошу помощи, заранее спасибо

Answer 1

[Егор]

.drop:hover + .next_drop_menu_select{
 	display: block;
 }

.next_drop_menu_select показывается только когда на .drop действует hover. Очевидно что если вы уводите курсор с .drop то .next_drop_menu_select скрывается.

можно например добавить вот это

.next_drop_menu_select:hover {
   display: block;
 }

Comments

[Юрий Елманов]

Егор, бесспорно, но тогда я не понимаю, почему таким же методом, но работает первое вложение, если вас не затруднит, объясните пожалуйста

[Юрий Елманов]

Егор ответ нашел, но мой вопрос все равно актуален, интересно мнение 3-е лица

[Егор]

Не совсем понял вопрос каким методом какое вложение работает ?

Answer 2

[shurupkirov]

а можно было сделать структуру более правильной и чуток подправить css
https://jsfiddle.net/w1m09x3d/

Answer 3

[Юрий Елманов]

.drop:hover + .next_drop_menu_select, .next_drop_menu_select:hover{
 	display: block;
 }

нужно было изменить эту строчку вот так вот, и все заработало. )