css - Primefaces - 菜单栏 - 折叠状态下的子菜单背景

Question

我对如何编辑处于折叠状态的子菜单标签的样式(特别是背景颜色)有疑问。无需发布代码。链接到下面的图片。

1. 在这种情况下，子菜单标签处于悬停状态。 (使用 .ui-menuitem-link:hover)。

Case one

2 在这种情况下，菜单项悬停，子菜单折叠，背景颜色变为灰色。所以我对如何访问子菜单的这些状态以将其背景更改为另一种颜色很感兴趣。

Case two

由于信誉度低，无法显示图片。谢谢。

Answer 1

正如@Amarnath 所说，您的问题有点令人困惑。如果我理解正确的话，您想为激活的菜单和子菜单指定不同的样式。

假设您希望菜单的第一级具有红色背景，第二级具有绿色背景。您可以使用普通的 css 来做到这一点，如下所示:

ul li.ui-menuitem-active>a{
    background-image: none !important;
    background-color:red !important;    
}

li ul li.ui-menuitem-active>a{
    background-image: none !important;
    background-color:green !important;    
}

看看是否有帮助。