Css 如何更改嵌套手风琴中特定手风琴的背景色？

我正在尝试更改嵌套手风琴（prime ng）中手风琴（firstchild）的背景色

内容1
内容2
内容3

我能想到的一个解决方案如下：

1） 为您的孩子手风琴添加

id

标签：

<p-accordion>
  <p-accordionTab header="Header 1">
   <p-accordion>
     <p-accordionTab id="firstaccordion" header="Header 1">
        Content 1
     </p-accordionTab>
     <p-accordionTab header="Header 2">
        Content 2
     </p-accordionTab>
     <p-accordionTab header="Header 3">
        Content 3    
     </p-accordionTab>
   </p-accordion>
  </p-accordionTab>
</p-accordion>

---

请至少添加CSS或JavaScript以进行样式设置。

<p-accordion>
  <p-accordionTab header="Header 1">
   <p-accordion>
     <p-accordionTab id="firstaccordion" header="Header 1">
        Content 1
     </p-accordionTab>
     <p-accordionTab header="Header 2">
        Content 2
     </p-accordionTab>
     <p-accordionTab header="Header 3">
        Content 3    
     </p-accordionTab>
   </p-accordion>
  </p-accordionTab>
</p-accordion>

#firstaccordion .ui-accordion-content{
    background-color: blueviolet !important; //your choice colour
}