懸停時使用邊框半徑的CSS菜單

也許這是一個簡單的解決方案，但我堅持了。懸停時使用邊框半徑的CSS菜單

這裏我有我的代碼http://jsbin.com/ejomuv純CSS菜單

我想要做的，就是在下拉按鈕底部0像素邊界半徑設置上懸停，但只有在下拉菜單無法在所有。

我試過了，但它不工作，我知道，我不這樣做有些不對頭：如果引用是正確的（這我不能告訴，因爲缺少HTML）

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

2012-06-04 Denees

由於具有下拉菜單錨標記使用action代替href，你可以使用以下的選擇：

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

2012-06-04 08:31:56

正在工作，但是，我將背景設爲黑色，因爲您可以看到詳細信息http://jsbin.com/ejomuv/5/edit#preview，這樣，按鈕始終沒有半徑在底部 – Denees

對不起，這裏是http://jsbin.com/ejomuv/6/edit – Denees

@DenisHoss對不起，我錯過了'：hover'。我已經更新了我的答案。 –

它應該工作正常。但我認爲這正是問題所在。也許試着在你的陳述中添加一個！重要的標誌，看看是否有幫助。

2012-06-04 07:50:30

HTML不會丟失，請點擊右側的編輯按鈕，查看源代碼:) http://jsbin.com/ejomuv/edit#html – Denees

Srry ...我沒有注意到jsbin鏈接;） –

您可以使用針對該元素的>（ Child selector）。

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

這將從#nav專門去給孩子li當過，孩子a。

2012-06-04 08:49:37

回答