剑道小部件上的CSS类冲突

我正试图针对两个不同的剑道小部件确定两个css类的范围-

1） my sidebar.html中的tabstrip小部件（尝试设置黑色背景）

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

剑道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>

<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”——

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

<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”类（即银色背景色覆盖）：

我需要更多的选择器还是更高的特异性

提前感谢,

---

Bob

尝试使用

强制样式！重要信息

在CSS定义中，我尝试了背景色：黑色！重要的在我的css中，但无论我将它添加到哪个css类，它都优先（我知道这是重点）。但是，一个会覆盖另一个，所以我完全忽略了一些东西。换句话说，我仍然会在标签条和网格上得到黑色或银色。我似乎无法分离这些颜色。您能在JSFIDLE/JSBin中发布这些颜色，或者在这里发布一个函数片段来重现这个问题吗？其思想是强制使用您需要的任何元素，但使用它们的

id

o唯一类选择器将其缩小为仅应用于所需元素。