2

私はメガ メニューで、サブメニューにカーソルを合わせると、親メニューの色を赤/緑に変更したいと考えています。

今、うまくいかないことをいくつか試しましたが、何か間違ったことをしている可能性があります

http://jsfiddle.net/5eecT/13/

これはうまくいかないようです

.nav > li > a:hover .dropdown  {
   padding:6px 12px 9px 12px;
    color:#444;
    display:block;
    text-align:center;
    border-left:0px solid #444;
    border-right:0px solid #444;
    border-top:0px solid #444;
    text-decoration:none;
    color:#028F41;
    background-color:yellow;
}

アップデート：

これは私にとってトリックでした

.nav > li:hover > a
{
       /*background:#028F41;*/
    text-decoration:none;
    color:#028F41;
}
4

1 に答える 1

5

私はちょうど作った：http://jsfiddle.net/5eecT/17/

このコードを変更しました：

.nav li:hover > a {
    color:#f00;
    transition: 0.1s color ease;
}

#f00ユーザーがサブメニュー項目の1つにカーソルを合わせると、基本的に親メニューのリンクの色が変わります。

これはあなたが必要としていたものですか？

于 2013-10-20T11:22:05.660 に答える