javascript - 当悬停一个 DOM 元素时显示另一个

Question

使用 CSS/LESS，是否可以在悬停 sidebar-category 时以某种方式显示(默认为“display: none;”)sidebar-submenus？

我有这个 HTML:

<div id="sidebar">
    <div id="sidebar-wrapper">
        <div id="sidebar-categories">
            <div id="menuDashboard" class="sidebar-category sidebar-category-top active">
                <i class="fa fa-tachometer"></i>
            </div>
        </div>

        <div id="sidebar-submenus">
        </div>
    </div>
</div>

我有这个 LESS:

body {
    &.sidebar-collapsed {
        #sidebar-submenus {
            display: none;
        }

        #sidebar-categories:hover {
            /*#Display sidebar-submenus with block somehow..? */
        }
    }
}

Answer 1

尝试:

    #sidebar-categories:hover {
       + #sidebar-submenus { display:block; }
    }