jquery - 異なる色のタブを持つ 1 つの primefaces アコーディオンを作成する

Question

アコーディオンのタブにさまざまな色を設定するにはどうすればよいですか? 今のところ、CSSファイルに次のものがあります。

.ui-accordion .ui-accordion-header a {
    color: rgb(250,250,250);
    background: blue;
}

編集: Primefaces を使用することを忘れていたため、投稿を修正しました。私の xhtml ファイルには次のものがあります。

<p:accordionPanel multiple="true" >
  <p:tab title="Blue Tab">
    <h:panelGrid columns="1" cellpadding="10">
      <h:outputText
        value="This tab must be blue" />
    </h:panelGrid>
  </p:tab>
  <p:tab title="Red Tab">
    <h:panelGrid columns="1" cellpadding="10">
      <h:outputText
        value="This tab must be red" />
    </h:panelGrid>
  </p:tab>
</p:accordionPanel>

この時点で、両方のタブが青色になっています。2番目のものを赤くするにはどうすればよいですか？