使用css更改水平子菜单中活动选项卡的颜色

Question

我有嵌套的水平子菜单。我无法更改活动的太阳菜单标签的颜色。第一个选项卡为蓝色，因此当选项卡处于活动状态时，它将更改为红色。然后，当单击子菜单时，活动子菜单应更改为灰色及其内容。我已经附上了下面的jsfiddle链接 https://jsfiddle.net/vgjcrpud/4/

我尝试使用其ID访问特定的nav-tabs，但没有运气。

<style>
    .nav-tabs #submenu li.active{
            background-color: #f2f2f2;
        }
</style>

Answer 1

要访问活动标签，您可以使用：

 #submenu > li.active > a{
   background-color: #f2f2f2;
  }