1

わかりましたので、ここが変です。私の水平ナビゲーションの最後の子は、角が丸くなっています。nav ul li:last-child a:hover を使用して、最後の子のホバー状態のエッジも丸くすることができました。ただし、ドロップダウンです。サブメニューに移動すると、親の子は丸みを帯びたエッジを失い、このサブメニューの子は丸みを帯びたエッジになります (そして、それらは想定されていません)。

私が話していることを見てください。

nav ul li:last-child, nav ul li:last-child a:hover {
    border-radius:0 10px 10px 0;
    -webkit-border-radius:0 10px 10px 0;
}

jsFiddle を試す

VIPトラベルにカーソルを合わせる

http://jsfiddle.net/XBUzw/

4

2 に答える 2

1

デモ

こんにちは、これに置き換えます

    nav ul li:last-child, nav ul li:last-child a:hover{
// here style 
}

これに 

    nav ul li:last-child, nav ul li:last-child a{
//  here style 
}

ライブデモ

----------------------

更新されたデモ私はあなたがこれが欲しいと思います

-----------

-----------

ドロップダウン スタイルのドロップダウンの更新

必要に応じてこれを追加するだけです 

nav ul > li > ul > li {
    display: block;
    width: 100%;
}
nav ul > li > ul li a {
    -moz-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    width: 100%;
}

nav ul > li > ul > li a:hover{
border-radius:0;
    -webkit-border-radius:0;
}
于 2012-11-20T04:08:40.473 に答える
0

より具体的なルールを使用してください。たとえば、子孫の代わりに子セレクターを使用してください。

nav > ul > li:last-child, nav > ul > li:last-child > a:hover {
    border-radius:0 10px 10px 0;
    -webkit-border-radius:0 10px 10px 0;
}

http://jsfiddle.net/mowglisanu/XBUzw/3/

于 2012-11-20T03:51:44.933 に答える