在Kendo小部件上冲突的CSS类

Question

我试图将两个css类与两个不同的Kendo小部件进行对比 -

1）我的sidebar.html中的标签小部件（尝试设置黑色背景）

2）主要内容html页面中的网格（试图设置银色背景）

kendo-tab-strip Angular指令有我的自定义类'tabsCustom' -

<div class="sidebar-inner">     <!-- KENDO TABS WITH INCLUDE FILES -->
  <div id="tabs" class="tabsCustom"
    kendo-tab-strip     
    k-content-urls="['../app/include/treeview-include.html', '../app/include/gadgets-include.html']">
    <ul>
    <li class="k-state-active">Reports</li>
    <li>Gadgets</li>
    </ul>              
  </div>

而网格小部件包含自己的类'gridCustom' -

<div id="wizard4" class="reportwizardDimen gridCustom row-fluid">   
<h3>Choose a Dimension grouping</h3>  
<span id="userDimenGrid" kendo-grid="vm.userDimenGrid" 
      k-data-source="vm.userDimenGridDS"
      k-options="vm.userDimenGridOptions" 
      k-rebind="vm.userDimenGridOptions" />

然而，类“ gridCustom ”似乎覆盖了“ tabsCustom ”类，如此屏幕截图所示（¿SILVER背景颜色覆盖）：

我是否需要更多的选择器或更高的特异性？

提前感谢，

鲍勃