css - ドロップダウンで子ULをホバリングするときに、親ULのホバーを維持するにはどうすればよいですか?

Question

ドロップダウン ナビゲーションの「ul a」にホバーを設定して、a の背景色をオレンジ色に、テキストを白に変更しました。問題は、親「ul a」のオレンジ色の背景を開く子メニューにカーソルを合わせると、ホバーされていない状態に戻ることです。

ここのページの上部にあるドロップダウンメニューです http://www.brainbuzzmedia.com/themes/simplybusiness/

Answer 1

HOVER効果を維持するには、「ul a」内のドロップダウン「ul」を使用する必要があります。

    <ul>
        <li><a> maintitle
            <ul class="dorp-down-list">
               //------ li li li li
            </ul>
        </a></li>
    </ul>

次に、CSS クラスを 'ul a' から 'ul > a' に編集します。

Answer 2

これを修正する方法は、ホバーをその中の a ではなく ul だけにリンクさせることだと思います

Answer 3

/* 2 番目のドロップダウンを有効にする */

ヘッダー ul li:hover > ul{visibility: visible;}

/* 親を同じ色に保つ */

ヘッダー ul li:hover > a{color: #000;}