如何用CSS隐藏li内的子ul？移动端菜单子菜单隐藏失败求助

嘿，我一眼就发现问题啦！你CSS里的选择器写错了——把<ul>写成lu了，这就导致隐藏子菜单的规则根本没生效～

咱们来修正一下：

错误的CSS选择器 #

你原来的代码里这段是错的：

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

修正后的CSS #

把lu改成正确的ul就行：

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

完整的修正后CSS代码 #

#menumobile { 
  position: absolute; 
  top: 0; 
  z-index: 1; 
} 
#menumobile > .menuprincipalhorizontal { 
  display: flex; 
  flex-flow: column; 
  justify-content: stretch; 
  margin: 0; 
  padding: 0; 
} 
#menumobile > .menuprincipalhorizontal > li { 
  margin: 0; 
  padding: 0; 
} 
#menumobile > .menuprincipalhorizontal > li > ul { 
  display: none; 
}

这样修改之后，子菜单就会被正常隐藏啦。以后写CSS选择器的时候多留意标签拼写，这种小笔误很容易坑人😉

内容的提问来源于stack exchange，提问作者Entretoize