Css Liferay样式导航栏下拉链接

我正在制作一个Liferay主题，但我在尝试设置导航菜单的样式时遇到了麻烦。我已经将导航链接上的经典主题悬停功能更改为非下拉式功能，如下所示：

.aui #navigation .nav li.open>a{
    background-color: orange;
    color: #005373;
}

事实上，这很有效。但我不能设计那些下拉链接的样式。。。尝试了以下方法：

1：

2：

3：

4:

---

好吧，作为部分解决方案，如果您发现自己处于相同的情况（尝试在

悬停事件中为

背景上色，并且选择继承经典），我可以给您的最佳建议是：

只需让
元素填充
元素，添加足够的填充。
请显示您的html结构您是否尝试使用Firebug（或您最不信任的浏览器的同等开发工具）来确定所需的选择器？我觉得互动式的尝试比主题式的要容易得多。此外，如果您是基于经典主题进行更改，那么它可能包含比您预期的更具体的选择器-从Liferay风格的主题开始，可能更容易找到所需的选择器。是的，我尝试了firebug和chrome inspector。我想知道可能是这样的，继承经典可能是个问题。它是从firebug还是chrome inspector改变过来的？不，这是个问题。我试图找到正确的选择器，但这似乎是不可能的。不管怎么说，我想做的并不是那么必要。我的目标是在鼠标悬停在
元素上时为元素着色。因此，与其让它变得如此复杂，我只让它获取完整的容器（
）并添加支撑填充。效果不一样，但不值得花这么多时间。谢谢你所做的一切：）
.aui #navigation .navbar-inner li:hover a.dropdown-toggle {
    background-color: red;
}

.aui #navigation .navbar-inner li.open> .dropdown-toggle {
    background-color: green;
}   

.aui #navigation .navbar-inner li:hover.dropdown-toggle {
    background-color: yellow;
}

.aui #navigation .navbar-inner li:hover .dropdown-toggle active {
    background-color: blue;
}