将斑马条纹应用于jQueryUI手风琴

Question

我有一个基于jQueryUI手风琴插件构建手风琴的asp.net mvc应用程序 - 我想应用斑马条纹。

这里的构造循环：

<div id="accordion">  
    <% 
     foreach (var webinar in Model as IList<Webinar>) 
     { %> 
     <div id="accordionItem">//toDo: Programmically pick odd/even rows 
     <div class="accStripe"> //insert a div for even rows 
      <h3><a href="#"><b><%= myObj.Title%></h3> 
      <div id="descContent"> 
       <a href="Details/<% =myObj.ID %>"><%= myObj.Desc%> ...more</a> 
      </div> 
     </div>  
     </div> 
    <% } %> 
</div> 

然后accStripe规则：

.accStripe{ 
    background:#F7EEDC none repeat scroll 0 0; 
    border-bottom:1px dotted #DFAC45; 
} 

我能够拾取虚线边框而不是背景色。我认为这将是由于.ui-accordion-header部分更具特异性？我需要挖掘多深才能找出如何覆盖？

Answer 1

理查德D.沃斯在jQuery的UI提供了答案：

你的包装元素（.accStripe）有两个孩子，的.ui-手风琴头和的.ui-手风琴，每个都有背景：

.accStripe { background:#F7EEDC none repeat scroll 0 0; border-bottom:1px dotted #DFAC45; } 
.accStripe .ui-accordion-header { background:#F7EEDC none repeat scroll 0 0; } 
.accStripe .ui-accordion-content { background:#F7EEDC none repeat scroll 0 0; }