悬停时带有边框半径的 CSS 菜单

Question

也许这是一个简单的解决方案，但我坚持了下来。

这里有我的代码 http://jsbin.com/ejomuv纯CSS菜单

我想要做的是在悬停时在下拉按钮底部设置 0px 边框半径，但仅在下拉菜单上设置，而不是在所有下拉菜单上设置。

我尝试过，但没有成功，我知道我没有做正确的事情:

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

Answer 1

由于带有下拉菜单的 anchor 标记使用 action 而不是 href，因此您可以使用以下选择器:

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

工作示例:http://jsbin.com/ejomuv/7/