В чем ошибка подменю?

Question

[olya_097]

второе подменю показываестся сразу, как и первое
а не по ховеру
на третий пункт первого меню
https://codepen.io/anon/pen/LvKEyj

Comments

[Максим]

Там что то вообще ни чего не открывается ни по hover ни как вообще

[olya_097]

Максим Ленский, всмысле?
при ховер на главную - подменю появляется

[Максим]

olya_097, не то что бы на Главную там вообще ни какого меню нету ...просто написано с лева меню и справа три полоски ..при ховер хоть туда хоть не туда нету вообще ни чего

[olya_097]

Максим Ленский, Вы смотрите с мобилки?

[Максим]

olya_097, нет с компа ...Хром с последними обновлениями и окно сжимал и танцы с бубном ...в общем просто белая простыня

[olya_097]

Максим Ленский, на полный экран

[Максим]

olya_097, воо... ладно второе меню это второй столбик с права да ?

[olya_097]

Максим Ленский, ага

[Максим]

olya_097, так у вас consol говорит что ваше subsubmenu всегда opacity:1; visibility:visible; всегда понимаете ??

[olya_097]

Максим Ленский, ага

[Максим]

olya_097, https://codepen.io/topicstarter/pen/JVQdym - смотри - аналогичная ситуация ...смотри как я справился с этим

[olya_097]

Максим Ленский, спасибо
как я поняла основная суть в >
а что нам дает > ?

[Максим]

olya_097, это говорит о том что это внутри чего то , понимаешь ?

[olya_097]

Максим Ленский, вроде да
а как сделать такую анимацию?
https://fex.net/s/rxnlfex

[Максим]

olya_097, три шарика что ли ?

[olya_097]

Максим Ленский, походу
но вроде тут нужно opacity + transform: translateY + transition

[Максим]

olya_097, там же три шарика ? для чего там opacity + transform: translateY + transition ?

[olya_097]

Максим Ленский, не знаю
а как правильно?

[Максим]

olya_097, щас супруга за компом, чуть позже сделаю, но если не терпиться то задайте вопрос, RAX7 как и я махом отреагируем но у него больше опыта

Answer 1

[RAX7]

.dropdown
	&:hover
		> .submenu, > .subsubmenu
			opacity: 1
			visibility: visible

https://codepen.io/anon/pen/XQLbzE

Comments

[olya_097]

RAX7, спасибо
а что нам дает > ?

[RAX7]

https://developer.mozilla.org/ru/docs/Web/CSS/Chil...
при ховере на первый .dropdown сработаю оба селектора:

.dropdown:hover > .submenu,
.dropdown:hover > .subsubmenu

но так как у первого dropdown прямой потомок только submenu, то будет показан только он.