-1

CSSを使用してドロップダウンメニューを作成しようとしています。これは、以下を使用して中心になっています。

#submenu_div {
  display: none;
}

#li_id:hover + #submenu_div {
  display: block;
}

編集：

これが全体の固定HTMLです。

<ul id="main_nav">
  <a href=""><li id="li_id">Home</li></a>
  <ul id="sub_who">                                                                                                                                     
    <li>Foo</li>
  </ul>
</ul>

#submenu_divは、前のコードが参照するliが存在するulの親divの外側にあります。私の知る限り、これはうまくいくはずです。しかし、私は明らかに何か間違ったことをしています、何かアイデアはありますか？

4

1 に答える 1

1

#submenu_divは、前のコードが参照するliが存在するulの親divの外側にあります。

+コンビネータは、真の兄弟要素、つまり、の左側に一致するものと同じ親を持つ要素のみを検索します。他のものと一致させることはできません。HTML（つまり、の真の兄弟）またはCSS（つまり、のLHS上のものはの真の兄弟）、またはその両方を変更する必要があります。+#submenu_div#li_id+#submenu_div

HTMLの構造を見ずに、これ以上正確なアドバイスをすることはできません。

于 2012-12-22T21:40:01.267 に答える