Разные CSS в DIV

0

Здесь эта строка из 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;
}

Я хотел бы изменить фон на none, но только в div smalltabs. Однако это не работает (я просто попытался скопировать строку):

#smalltabs {
    border: none;
    padding: 0;
    .ui-widget-header {
        border: 1px solid #e78f08;
        background: none;
        color: #ffffff;
        font-weight: bold;
    }   
}
  • 1
    Можете ли вы предоставить код HMTL, который идет с этим CSS?
  • 1
    Решение Антона работает!
Теги:

3 ответа

1
Лучший ответ

Попробуйте это, используя важные и корректирующие селектор

   #smalltabs {
       border: none;
       padding: 0;
   }
    #smalltabs .ui-widget-header {
     border: 1px solid #e78f08;
     background: none !important;
     color: #ffffff;
     font - weight: bold;
 }
  • 4
    Я предлагаю только использовать !important правило для переопределения встроенных стилей. В большинстве случаев вы можете решить эту проблему, указав правильный путь без! Важно.
0

Это должно сделать трюк.

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

EDIT: Мой плохой я думал о фоновом цвете. Попробуй это:

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

Ещё вопросы

Сообщество Overcoder
Наверх
Меню