Javascript 如何在手风琴儿童中使用颜色？

我有一个用于导航的jqueryui手风琴。我需要能够突出显示积极的家长和它的孩子在3个级别。（见下图）

我做了一些调整，但是我在确定活动菜单的目标和使用正确的选择器方面遇到了问题

小提琴：

HTML

剧本

 <script>
    $(function() {
      $( ".accordion" ).accordion({ active: false, collapsible: true, heightStyle : "content" });
  });
  </script>

$（函数（）{
$（“.accordion”）.accordion（{active:false，collapsable:true，heightStyle:content}）；
});

看起来一切正常

您的主题具有与正常状态相同的活动状态保存颜色

编辑您的主题或为进行测试，请在包含主题的行后添加以下内容：

.ui-state-active {
    background: #00283C;
}

---

这里是演示：

我没有选择您的颜色，也没有进行调整，但正如我在评论中所写的，我只是使用了类

ui状态active

样本

CSS

---

那么你的CSS在哪里？到目前为止，您在突出显示方面做了哪些尝试？在我看来，这应该很容易，当使用类

ui-accordion-header-active

和

ui-state-active

时。这很接近。。。我希望整个孩子都能像上图所示那样改变父母的颜色#ui state active>ul{background color:#blue；}似乎不起作用。这个答案与下面我的答案有什么不同？连小提琴都是我创作的。这是公认的答案吗？酷：）@AamirAfridi我为你感到抱歉，你没有获得声誉积分。我花了更多的时间来完成我的答案，但我没有抄袭你的答案。所以请不要提及“你的小提琴”。这是原始海报亚伦·本杰明的小提琴。所以当我编辑他的版本时，我们当然使用相同的URL我还认为我的答案更合适，因为我还提到了类

main

和

sub

如果你认为这是不公平的，或者不管你在这篇文章上做什么标记，但事实上这个问题是有用的，所以否决权是很奇怪的。如果你觉得自己处于不利地位，不如要求将其移除。

.ui-state-active {
    background: #00283C;
}

#master .ui-state-active { 
    background-color: #0f0;
}
#master .main .ui-state-active {
    background-color: #00f;
}
#master .main .sub .ui-state-active {
    background-color: #f00;    
}