jquery - div 内の異なる CSS

Question

jquery css からのこの行は次のとおりです。

.ui-widget-header {
    border: 1px solid #e78f08; 
    background: #f6a828 url(images/ui-bg_gloss-wave_35_f6a828_500x100.png) 50% 50% repeat-x; 
    color: #ffffff; 
    font-weight: bold;
}

背景をなしに変更したいのですが、smalltabs div だけです。ただし、これは機能しません（行をコピーしようとしました）：

#smalltabs {
    border: none;
    padding: 0;
    .ui-widget-header {
        border: 1px solid #e78f08;
        background: none;
        color: #ffffff;
        font-weight: bold;
    }   
}