Css 引导下拉样式，怪异行为

当我将鼠标悬停在下拉菜单中的某个项目上时，我想更改背景颜色和字体大小

当我使用“a”选择器时，我没有效果，当使用.link类时，它将变为粗体，但背景色不会改变。当我采取行动时，我会取得理想的效果

为什么会这样

我最好使用.dropdown>ul>li>a选择器，我该怎么做

JSFIDLE

#动作：悬停{
背景颜色：蓝色；
颜色：白色；
字体大小：粗体；
}
下拉列表

更改

#action:hover{

到

---

谢谢，但是你想再解释一下吗？为什么使用.link类或“a”选择器不起作用？ul.dropdown-menu a:hover可以工作，但不能。dropdown-menu ul a:hover？我建议使用CSS检查器来找出哪个其他规则覆盖了您的规则。如何使用CSS检查器？

#action:hover{

ul.dropdown-menu a:hover{