如何使用css在li中隐藏子ul

我有一个带有子菜单的菜单，我正试图隐藏我的网站手机版的子菜单，但我不知道怎么做，我认为这很容易，但由于某种原因它不起作用

我的html：

<div id="menumobile">
   <ul class="nav menuprincipalhorizontal">
      <li>
         <a href="">1</a>
         <ul>
            <li><a href="">11</a></li>
            <li><a href="">12</a></li>
         </ul>
      </li>
      <li>
         <a href="">2</a>
         <ul>
            <li><a href="">21</a></li>
         </ul>
      </li>
      <li><a href="">3</a></li>
      <li><a href="">4</a></li>
   </ul>
</div>

小提琴：

---

您能用当前的css替换吗

#menumobile > .menuprincipalhorizontal > li > ul
{
    display: none;
}

---

你能用你现在的css替换吗

#menumobile > .menuprincipalhorizontal > li > ul
{
    display: none;
}

---

您编写了

lu

而不是

ul

替换

#menumobile > .menuprincipalhorizontal > li > lu

借

---

您编写了

lu

而不是

ul

替换

#menumobile > .menuprincipalhorizontal > li > lu

借

#菜单移动
{
位置：绝对位置；
排名：0；
z指数：1；
}
#menumobile>.menuprincipalhorizone
{
显示器：flex；
柔性流动：柱；
证明内容：拉伸；
保证金：0；
填充：0；
}
#menumobile>.menuprincipalhorizontal>li
{
保证金：0；
填充：0；
}
#menumobile>.menuprincipalhorizontal>li>ul
{
显示：无；
}

#菜单移动
{
位置：绝对位置；
排名：0；
z指数：1；
}
#menumobile>.menuprincipalhorizone
{
显示器：flex；
柔性流动：柱；
证明内容：拉伸；
保证金：0；
填充：0；
}
#menumobile>.menuprincipalhorizontal>li
{
保证金：0；
填充：0；
}
#menumobile>.menuprincipalhorizontal>li>ul
{
显示：无；
}

拼错了

ul

为

lu

？尝试使用

media query

将其隐藏在移动版本中。

\menumobile>。menuprincipalhorizontal>li>lu

更改

\menumobile>。menuprincipalhorizontal>li lu

拼写错误

ul

as

lu

？尝试使用

media query

将其隐藏在移动版本中。

\menumobile>.menuprincipalhorizontal>li>lu

更改

\menumobile>.menuprincipalhorizontal>li lu

到

\menumobile>。menuprincipalhorizontal>li

你犯了同样的错误：）@Esko Haha oopsy你犯了同样的错误：）@Esko Haha oops