jQueryUIアコーディオンにゼブラストライプを適用する

Question

jQueryUI Accordionプラグインに基づいてアコーディオンを構築する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

jqueryの-UIで

リチャードD.価値が答えを提供します。

あなたのラッパー要素（.accStripe）はバックグラウンドを持っているそれぞれの2人の子供、.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; }