Css 绘制手风琴：以编程方式更改标题和内容样式

我有以下手风琴组：

<p-accordion multiple=true>
    <p-accordionTab *ngFor="let tab of tabs" styleClass="{{tab.myClass}}" header="{{tab.header}}"
        [selected]="false">
        {{tab.description}}
    </p-accordionTab>
</p-accordion>

无论如何，我无法创建css规则来实现这个目标。 有人能帮忙吗？

---

非常感谢您为每个选项卡创建不同的样式，您需要使其依赖于选项卡。现在，您为每个设置了相同的样式。一种方法是创建一个提供类名的管道

<p-accordionTab *ngFor="let tab of tabs" styleClass="{{tab | getTabClass}}" header="{{tab.header}}"

---

解决方案是使用每个accordion选项卡的包装div：

<p-accordion multiple=true>
    <div *ngFor="let tab of tabs" class="{{tab.customClass}}">
        <p-accordionTab header="{{tab.header}}"
            [selected]="false">
            {{tab.description}}
        </p-accordionTab>
    </div>
</p-accordion>

是的，对不起，我编辑了我的问题，这正是我要做的。问题是如何从这样一个外部类到达内容背景，因为在这个priming组件上创建了5或6个级别的html元素。谢谢。我只是想知道，根据文档，选项卡没有
styleClass
属性。只有手风琴本身没响。有解决这个问题的办法吗？
<p-accordion multiple=true>
    <div *ngFor="let tab of tabs" class="{{tab.customClass}}">
        <p-accordionTab header="{{tab.header}}"
            [selected]="false">
            {{tab.description}}
        </p-accordionTab>
    </div>
</p-accordion>

.customClass * {
    background: red !important;
    //other properties
}