html - 如何在 CSS 悬停中访问顶层的另一个元素？

Question

如何将 div_MenuDetail 显示属性设置为隐藏/可见，从 li_Menu_2 悬停？

    #li_Menu_2:hover (????????????) #div_MenuDetail {
        display:block;
    }

    <ul>
      <li id='li_Menu_1'><a href='#'>Item 1</a></li>
      <li id='li_Menu_2'><a href='#'>Item 2</a></li>
      <li id='li_Menu_3'><a href='#'>Item 3</a></li>
    </ul>
    <div id='div_MenuDetail' style='display:none;'>
      bla bla bla....
    </div>

Answer 1

只需在 css 上添加“+”即可...

#li_Menu_2:hover + #div_MenuDetail {
显示: block ；
}