Question

我的菜单中的子类别始终可见，即使它们的显示设置为无。我做错了什么？

<header id="header">
  <!-- Logo -->
    <h1 id="logo">MrAxlee</h1>
  <!-- Nav -->
    <nav id="nav">
      <ul>
        <li><a href="#">Home</a>
        <ul>
          <li><a href="#">Intro</a></li>
          <li><a href="#">What I do</a></li>
          <li><a href="#">My Work</a></li>
          <li><a href="#">Contact</a></li>
        </ul>
        </li>
          <li><a href="#">Blog</a></li>
          <li><a href="#">Tutorials</a>
          <ul>
            <li><a href="#">1</a></li>
            <li><a href="#">2</a></li>
            <li><a href="#">3</a></li>
          </ul>
      </li>
    </ul>
  </nav>
</header>

和CSS

#nav ul li ul {
    display:none;
}
    #nav ul li:hover > ul {
        display:block;
    }

Answer 1

你的css中有拼写错误

#nav ul il ul {
    display:none;
}

应该是#nav ul li ul：）

Answer 2

“il”不是“li”： - ）

这太棒了：

#nav ul li ul {
    display:none;
}
    #nav ul li:hover > ul {
        display:block;
    }

他也遇到了FTP问题，但现在一切都对他好了。

Answer 3

在

中查看此拼错 LI

#nav ul il ul {
    display:none;
}

http://jsfiddle.net/yufrfueo/

下拉菜单不隐藏子类别

3 个答案: