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

尝试使用重要和更正选择器

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

Answer 2

#smalltabs {
    border: none;
    padding: 0;
    background: none;
}

Answer 3

这应该可以解决问题。

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

它也可能被否决。如果是这样，试试这个

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

编辑：我不好，我在考虑背景颜色。尝试这个：

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