Отображение подменю при наведении: почему так?

Чтобы подменю отображалось при наведении на пункт меню “Услуги”, используется этот селектор:

.main-menu > li:hover .sub-menu {
}

Не понимаю, почему в данном случае подменю отображается только при наведении на “Услуги”, а не на любой пункт меню?

1 лайк

Ваш селектор показывает вложенность. То есть если внутри пункта li есть подменю .sub-menu, то при наведении оно отображается.

2 лайка