Asp.net mvc 将斑马条纹应用于jQueryUI手风琴

Asp.net mvc 将斑马条纹应用于jQueryUI手风琴,asp.net-mvc,jquery-ui,jquery-plugins,Asp.net Mvc,Jquery Ui,Jquery Plugins,我有一个asp.NETMVC应用程序基于jQueryUI手风琴插件构建了一个手风琴-我想应用斑马条纹 以下是构造函数循环: <div id="accordion"> <% foreach (var webinar in Model as IList<Webinar>) { %> <div id="accordionItem">//toDo: Programmically pick o

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

以下是构造函数循环:

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

我可以拾取虚线边框,但不能拾取背景色。我认为这是由于
.ui accordion头的部分更为具体?我需要挖掘多深才能找出如何覆盖它?

jquery ui上的Richard D.Worth提供了答案:

包装器元素(.accStripe)包含两个子元素,.ui accordion header和.ui accordion,每个子元素都有背景:

.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; }

jquery ui上的Richard D.Worth提供了答案:

包装器元素(.accStripe)包含两个子元素,.ui accordion header和.ui accordion,每个子元素都有背景:

.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; }