html - Twitterブートストラップナビゲーションドロップダウン

Question

私は自分のサイトに3層のナビゲーションシステムを追加しようとしています。ここでテストを表示できます：http ：//see-gigs.com/

私が得ている問題は、2番目の層がうまく機能し、アイテムにカーソルを合わせるとドロップダウンが表示されることです。ただし、2番目の層に3番目の層が含まれている場合、アイテムはホバーする前にすぐに表示されます。これが正しく機能しない理由についてのアイデア/提案はありますか？

Answer 1

ドロップダウンに一致させるために使用しているセレクターは、第 2 レベルのドロップダウンにも一致するため、メニュー項目にカーソルを合わせると両方のドロップダウンが開きます。これを修正するには、子セレクターを使用して、次のように最初のレベルのドロップダウンのみに一致させます。

変化する

ul#main-nav li.dropdown:hover ul.dropdown-menu {
    display: block;
}

に

ul#main-nav li.dropdown:hover > ul.dropdown-menu {
    display: block;
}