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

Question

我有嵌套的水平子菜单。我无法更改活动太阳菜单选项卡的颜色。 The first tab is color blue so when the tab is active it is changed to red.然后，当单击子菜单时，活动的子菜单应变为灰色，因此其内容。我在下面附上了 jsfiddle 链接 https://jsfiddle.net/vgjcrpud/4/

我尝试使用它的 id 访问特定的导航选项卡，但没有成功。

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

Answer 1

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

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