Liferay样式导航栏下拉链接

Question

我正在制作一个Liferay主题，我正在尝试设计导航菜单的样式。我已经改变了导航链接上的经典主题悬停功能，而不是像这样的下拉菜单:

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

这实际上工作得很好。但我不能够样式这些下拉链接…试过了:

1:

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

2:

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

3:

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

4:

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

Answer 1

作为部分解决方案，如果您发现自己处于相同的情况(试图在<li>悬停事件中为<a class="dropdown-toggle">背景上色，并且您选择从经典中继承)，我可以给您的最佳建议是:

让<a class="dropdown-toggle">元素填充<li>元素，添加足够的padding