css - 下拉菜单和圆 Angular

标签 css drop-down-menu rounded-corners

与下拉菜单圆 Angular 相关的快速查询。

您可以在此处查看示例:http://jsfiddle.net/tomperkins/C5mTf/

问题与右侧的“帮助”按钮有关。我已指定菜单项在悬停时具有方形底 Angular ,这很好。

问题是,我无法让“帮助”按钮的下 Angular 有圆 Angular ?

让我难过,非常感谢任何帮助。

提前致谢

汤姆·珀金斯

最佳答案

你的问题是这个选择器:

#menu ul:hover #help

这会选择 id="help" 的任何元素,该元素是悬停的 ul 的后代。由于帮助菜单本身是那个 ul,所以这行不通。

将选择器改为:

#menu ul#help:hover

解决了这个问题。在这里查看:http://jsfiddle.net/C5mTf/1

关于css - 下拉菜单和圆 Angular ,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4663418/

相关文章:

HTML CSS : Carousel Slide Show- Add Title Header

jquery - 当 jQuery 添加其他 <li> 时,下拉菜单宽度会发生变化

javascript - 如何从jQuery中的下拉列表中获取值

具有自定义边框和圆边的 C# 窗体

javascript - JQuery ContextMenu 不适用于多个 id

android - CSS 和 JavaScript 在 Android WebView 中不起作用

html - 使内容在 css 表格布局中可滚动

javascript - 相对于浏览器窗口的宽度出现的动态下拉菜单

CSS3双圆 Angular 边框,没有2个div可以吗?

css - 带有 CSS 背景图像的内联 flex 按钮