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;
    }   
}

Answer 1

使用 important 和 correcting 选择器试试这个

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