首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >使用jquery UI -菜单

使用jquery UI -菜单
EN

Stack Overflow用户
提问于 2012-10-30 16:25:01
回答 3查看 202关注 0票数 0

我正在使用UI中的菜单

我有这个ul

代码语言:javascript
运行
复制
<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:

代码语言:javascript
运行
复制
.ui-menu-item { }

这将从<ul id="menu">中选择所有li

css选择器应该是什么样子,这样我才能在#菜单中选择子菜单` `ul

EN

回答 3

Stack Overflow用户

回答已采纳

发布于 2012-10-30 16:35:58

根据您的脚本使用以下.ui-menu-item #menu ul{ }

你可以这样写

代码语言:javascript
运行
复制
#menu ul li a{ css here}

代码语言:javascript
运行
复制
#menu ul li{ css here }
票数 0
EN

Stack Overflow用户

发布于 2012-10-30 16:27:12

如果我没理解错你的问题,你需要这个

代码语言:javascript
运行
复制
#menu ul {
}

如果您需要在#menu中指定特定的UL,则应将ID或Class添加到该特定的UL,然后使用以下代码引用它

代码语言:javascript
运行
复制
#menu #example {
}

您可以更进一步,以相同的方式针对每个LI,如下所示

代码语言:javascript
运行
复制
#menu #example li {
}

希望这能有所帮助!

票数 0
EN

Stack Overflow用户

发布于 2012-10-30 16:28:13

在#菜单中选择UL非常简单:

代码语言:javascript
运行
复制
#menu ul { /*CSS HERE*/ }
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/13135141

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档