使用jQuery UI - 菜單

Question

我使用的菜單，從UI
我有這個ul

<ul id="menu"> 
    <li><a href="#">Loans</a></li> 
    <li> 
    <a href="#">Bancassurance</a> 
    <ul> 
     <li><a href="#">Aman el darb</a></li> 
     <li><a href="#">Aman el elem</a></li> 
     <li><a href="#">Aman el ghad</a></li> 
    </ul> 
    </li> 
    <li> 
    <a href="#">Services</a> 
    <ul> 
     <li><a href="#">Audi Mobile</a></li> 
     <li><a href="#">Pin-Pay</a></li> 
     <li><a href="#">ADSL Services</a></li> 
     <li><a href="#">Bill Payment</a></li> 
     <li><a href="#">Internet Accesses</a></li> 
    </ul> 
    </li> 
    <li> 
    <a href="#">Accounts</a> 
    <ul> 
     <li><a href="#">Wedding Account</a></li> 
     <li><a href="#">Payroll Account</a></li> 
     <li><a href="#">Saving Account</a></li> 
     <li><a href="#">Current Account</a></li> 
    </ul> 
    </li> 
</ul> 

我的CSS：從<ul id="menu">
應該如何

.ui-menu-item { } 

這全選利CSS選擇器看起來像這樣我可以選擇#menu內的子菜單`ul

Answer 1

根據你的腳本中使用此.ui-menu-item #menu ul{ }

---

你可以這樣寫

#menu ul li a{ css here} 

DEMO

或

#menu ul li{ css here } 

DEMO 2

Answer 2

如果我理解正確你的問題，你會需要這個

#menu ul { 
} 

如果需要針對特定​​UL #menu的裏面，你應該添加一個ID或類別的特定UL，然後用它引用這

#menu #example { 
} 

你可以把它更進一步，針對每個L1以同樣的方式，像這樣

#menu #example li { 
} 

希望這幫助！

Answer 3

選擇UL #menu裏面很簡單：

#menu ul { /*CSS HERE*/ }