我需要在div內的所有li項目上設置背景顏色。我很難進入列表項,因爲當li被渲染時,共享點會產生混亂。每個li都是SharePoint服務器控件呈現的結果。這基本上是一個頂部導航,其中6個菜單項橫向佈置,其中一些菜單項甚至包含子菜單項。選擇一個div內的所有Li
我需要在所有列表項上設置bgcolor並在懸停時更改bg顏色並在鼠標移出時更改爲原始顏色。
<div id="zz16_HDRNav" class="s4-tn">
<div class="menu horizontal menu-horizontal">
<ul class="root static">
<li class="static">
<a class="static menu-item" href="/">
<span class="additional-background">
<span class="menu-item-text">Home</span></span>
</a>
</li>
<li class="static dynamic-children">
<a class="static dynamic-children menu-item" href="/finance">
<span class="additional-background">
<span class="menu-item-text">Employee Center</span></span>
</a>
<ul class="dynamic">
<li class="dynamic">
<a class="dynamic menu-item" href="/finance/EMEA"><span class="additional-background">
<span class="menu-item-text">Benefits</span></span>
</a>
</li>
<li class="dynamic">
<a class="dynamic menu-item" href="/finance/APAC"><span class="additional-background">
<span class="menu-item-text">Travel</span></span>
</a>
</li>
<li class="dynamic">
<a class="dynamic menu-item" href="/finance/CORP">
<span class="additional-background"><span class="menu-item-text">TSO</span></span>
</a>
</li>
</ul>
</li>
<li class="static">
<a class="static menu-item" href="/team">
<span class="additional-background">
<span class="menu-item-text">Business Communities</span></span>
</a>
</li>
<li class="static dynamic-children">
<span class="static dynamic-children menu-item"><span class="additional-background"><span class="menu-item-text">Internal Services</span></span></span>
<ul class="dynamic">
<li class="dynamic">
<a class="dynamic menu-item" href="/regions/NA">
<span class="additional-background"><span class="menu-item-text">North America</span></span>
</a>
</li>
<li class="dynamic">
<a class="dynamic menu-item" href="/regions/me">
<span class="additional-background"><span class="menu-item-text">Middle East</span></span>
</a>
</li>
</ul>
</li>
<li class="static">
<a class="static menu-item" href="/it">
<span class="additional-background"><span class="menu-item-text">Best Practices</span></span>
</a>
</li>
<li class="static">
<a class="static menu-item" href="/legal">
<span class="additional-background"><span class="menu-item-text">PolicyProcedures</span></span>
</a>
</li>
</ul>
</div>
</div>