Css 引导菜单样式

我一辈子都搞不懂如何使用CSS设计引导下拉菜单

我可以设法改变背景颜色，但仅此而已。链接没有下划线，且悬停背景颜色不变。我甚至还没有开始使用下箭头！！有什么建议吗

下面是我正在尝试的代码：

#NAV .dropdown-menu { background-color:#273961; border-bottom: 5px solid #CCC;}
#NAV .dropdown-menu>li>a:link { background-color:#273961;}
#NAV .dropdown-menu>li>a:hover{ text-decoration: underline;}

---

希望这能有所帮助

ul.dropdown-menu {
    border-bottom: 5px solid #CCC;
}

.dropdown-menu li:hover {
    text-decoration: underline;
}

我有点困惑，你想用下拉菜单中列表项的背景色做什么。下面是一个在每个链接上悬停时更改背景颜色的方法示例。使用！重要提示：在某些情况下，当您希望覆盖任何后续规则时，CSS属性可能会有所帮助（但这可能不是最好的方法）。 我建议打开你的Chrome开发工具，玩一玩，直到你得到想要的结果。我假设您希望在将鼠标悬停到与指定颜色不同的颜色（#273961）时更改列表项的背景颜色，因为它已经是该颜色的开始颜色了

.dropdown-menu li a:hover {
    background-color: red !important;
}

---

嗨，安德鲁，请阅读以下内容：然后在问题中创建一个答案，我必须在你的代码前加上“#NAV”，但效果很好！谢谢。太好了……很高兴帮助安德鲁！难道你也不知道如何设计.插入符号悬停的样式吗？嗯，我得看看你的实际标记。但我相信您可以将一个类添加到插入符号，然后将css样式添加到该类。如果您只是想将css样式添加到

.caret

类中，它可能会干扰您网站上的任何其他可能的插入符号。此外，您可能需要通过添加

，来超越bootstrap的插入符号样式！重要信息

在css中，如：

.caret{color:red！important；}

。让我知道这是否有帮助。嗨，布兰登，这是插入符号的风格，但它的悬停让我感到悲伤。使用.caret:hover不起作用（顺便说一下，我对你的答案投了赞成票，但我的水平很低！）