將斑馬條紋應用於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; }