Javascript CSS设置鼠标悬停时dropdownlist的背景色

在我的MVC Razor布局视图中，我试图在鼠标悬停时设置下拉列表的背景色：

The list looks like this:
            <li class="dropdown">
                                    <a href="#" class="dropdown-toggle" data-toggle="dropdown">Partner <b class="caret"></b></a>
                                    <ul class="dropdown-menu" style="background-color:#080808">
                                        <li class="marv-main-li">@Html.ActionLink("Test1", "Action1", "Partner")</li>
                                        <li class="marv-main-li">@Html.ActionLink("Test2","Action2","Partner")</li>

                                        <li class="marv-main-li">@Html.ActionLink("Test3","Action3","Partner")</li>
                                        <li class="marv-main-li">@Html.ActionLink("Test4","Action4","Partner")</li>
                                    </ul>
                                </li>}

如何更改鼠标悬停事件下拉列表中文本的背景色

---

我正在使用Twitter bootsrtap 3

不可能通过将鼠标悬停在子元素上来更改父元素。下面是一个使用jQuery的javascript解决方案

---

因为

不是类，所以应该删除样式表中li前面的点

像这样的

.dropdown .dropdown-menu li a:hover {
            background-color: #06fa12;
        }

---

这个问题似乎离题了，因为它是关于一个类型错误的，但这不起作用。这很奇怪，我在检查元素时可以看到css，但是背景颜色没有改变。注意，您也可以直接在

上设置：hover，如下所示：。下拉菜单li:hover这不起作用。你能用小提琴演示一下吗？谢谢，也许您可以发布一个JSFIDLE，其中包含用于显示下拉列表的html和css。这会更容易理解你的问题。在这个jsfiddle中直接向您展示如何解决它将更容易满足您的需要。我不确定您希望它做什么。我希望当我单击菜单上的下拉菜单，然后将鼠标移到列表中的每个元素上时，背景颜色会发生变化

$(function() {
  var ul = $('.Parent'),
      li = $('.Child');

  li.mouseover(function() {
    ul.addClass('hovered');                      
  });
  li.mouseout(function() {
    ul.removeClass('hovered');
  });
});

.dropdown .dropdown-menu li a:hover {
            background-color: #06fa12;
        }