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

.ui-menu-item { }

これにより、cssセレクターの外観からすべてのli<ul id="menu">
が選択されるため、#menu内のサブメニュー`ulを選択できます

Answer 1

私があなたの質問を正しく理解していれば、これが必要になります

#menu ul {
}

#menu 内の特定の UL をターゲットにする必要がある場合は、その特定の UL に ID またはクラスを追加してから、これを使用して参照する必要があります。

#menu #example {
}

このように、さらに一歩進んで、同じ方法で各 LI をターゲットにすることができます。

#menu #example li {
}

お役に立てれば！

Answer 2

あなたのスクリプトによると、これを使用します.ui-menu-item #menu ul{ }

---

このように書くことができます

#menu ul li a{ css here}

デモ

また

#menu ul li{ css here }

デモ 2

Answer 3

#menu 内で UL を選択するのは非常に簡単です。

#menu ul { /*CSS HERE*/ }