2

多分それは簡単な解決策ですが、私はそれに固執しました。

ここに私のコードがありますhttp://jsbin.com/ejomuv純粋なCSSメニュー

私がやりたいことは、ホバー時にドロップダウンボタンの下部0pxボーダー半径に設定することですが、すべてではなくドロップダウンメニューのみに設定します。

私は試しましたが、うまくいきません。私は正しいことをしていないことを知っています:

#nav li a .nav-dropdown:hover {
    border-bottom-left-radius: 0px; 
    border-bottom-right-radius: 0px;
}
4

3 に答える 3

4

ドロップダウン メニューのアンカー タグはactionの代わりにhref使用しているため、次のセレクターを使用できます。

#nav > li:hover > a[action]{
    border-bottom-left-radius: 0px; 
    border-bottom-right-radius: 0px;  
}

作業例: http://jsbin.com/ejomuv/7/

于 2012-06-04T08:31:56.717 に答える
2

参照が正しい場合（HTMLが欠落しているためわかりません）、正常に機能するはずです。しかし、それがまさに問題だと思います。たぶん、ステートメントに！importantフラグを追加して、それが役立つかどうかを確認してください。

于 2012-06-04T07:50:30.767 に答える
2

>(子セレクター)を使用して要素をターゲットにすることができます。

#nav > li:hover > a {
    border-radius: 6px 6px 0 0;
}

これは特に、 から#nav子 へ、li上の場合は 子 へと進みaます。

于 2012-06-04T08:49:37.207 に答える