无法获取导航元素的子元素答案

【问题标题】：Unable to get child of nav element无法获取导航元素的子元素
【发布时间】：2014-12-26 07:32:20
【问题描述】：

我在获取元素的孩子时遇到了一些麻烦。这是我的 HTML 代码：

<div class="collasped-nav">
   <i class="fa fa-bars fa-2x"></i>
   <nav class="closed">
      <a href="#">Electronics</a>
      <a href="#">Kids & Baby</a>
   </nav>
</div>

这是 CSS：

.collasped-nav > i{
  color: #23527c;
}
.collasped-nav > nav{
  list-style: none;
  margin: 0;
  padding: 0;
  position: absolute;
}
.collasped-nav > nav.closed{
  display: none;
}
.collapsed-nav > nav > a{
  background-color: #23527c;
  padding: 10px;
}

由于某种原因，关注.collapsed-nav > nav > a 没有生效。 collapsed-nav > nav.closed 之前的所有内容都有效，但 collapsed-nav > nav > a 无效。我做错了什么？

【问题讨论】：

删除显示无并查看
您在li 元素上有display: none，您想知道为什么它没有显示？你告诉浏览器不要显示它！
打字错误..没有别的

标签： html css children

【解决方案1】：

打错了，用这个：

.collasped-nav> nav> a{
  background-color: #23527c;
  padding: 10px;
}

注意：使用过.collapsed-nav但应该是.collasped-nav

Working demo

【讨论】：

谢谢。我觉得自己好傻。已经很晚了，我看不太清楚。再次感谢你，我以为我在那里发疯了。

【解决方案2】：

您的班级名称是“.collasped-nav”，但您使用的是“.collapsed-nav”

【讨论】：