悬停一个DOM元素时显示另一个

Question

使用CSS / LESS时，将sidebar-submenus悬停在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>

我有这个更少：

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; }
    }