ヘッダー（CSS）のJQuery書式設定の構文

Question

カスタムjQuery UIダイアログボックスのタイトルバーの書式を設定しようとしています。次のようにダイアログボックスが指定されたクラス（例えば「橙」）を有する：

.ui-dialog.orange { 
    background: #F9F9F9; 
    border: 3px solid orange; 
} 

私は

.ui-dialog-titlebar { 
    background: purple; 
} 

しかし、唯一のクラス「オレンジ」

ために、次のようにタイトルバーを変更したいです

私は

.ui-dialog-titlebar.orange { 
    background: purple; 
} 

と

を試してみました

.ui-dialog.orange { 
    background: #F9F9F9; 
    border: 3px solid orange; 
    #titlebar { 
     background: purple; 
    } 
} 

成功なし。誰か私に正しい構文を教えてください。ありがとう。

Answer 1

答えはネストされた要素を選択しています。

.ui-dialog.orange .ui-dialog-titlebar { 
    background: purple; 
} 

それとも、あなたはプリプロセッサ（SASS/LESS）を使用する場合：

.ui-dialog { 
    /* ... */ 
    &.orange { 
    .ui-dialog-titlebar { 
     background: purple; 
    } 
    } 
}