css - スーパーCSSクラスをcssクラスに追加するには?

Question

色を変更したいプライムフェイスにプログレスバーがあります。私はこのコードでそれを変更することができ、それはイチイ色に変更されました:

.ui-progressbar .ui-widget-header {
    background: yellow !important;
}

私が作成したい新しいスタイルクラスで動的に変更したい問題：

私はこのコードを試しましたが、うまくいきませんでした:

.myclass2 .ui-progressbar .ui-widget-header {
        background: yellow ;

それは進行状況バーのコードです:

                <p:progressBar value="100}" labelTemplate="{value}%" displayOnly="true" styleClass="ui-widget-header yellow" /> 

しかし、うまくいきませんでした。使用する適切な構文は何ですか??