Html 无法在导航标签内设置ul样式

我正在尝试为我的网站制作导航菜单，并且一直在使用 作为向导。它工作得很好，但只要我尝试将（id=“coolMenu”）添加到导航标签上，它就会停止工作

我把它从ul标签上拿走，添加到导航标签上，它就不再工作了。它根本不显示任何内容。我做错了什么

谢谢

html代码如下：

<nav id="coolMenu">
<ul>
    <li><a href="#">Lorem</a></li>
    <li><a href="#">Mauricii</a></li>
    <li> 
        <a href="#">Periher</a>
            <ul class="noJS">
                <li><a href="#">Hellenico</a></li>
                <li><a href="#">Genere</a></li>
                <li><a href="#">Indulgentia</a></li>
            </ul>
    </li>
    <li><a href="#">Tyrio</a></li>
    <li><a href="#">Quicumque</a></li>
</ul>
</nav>

你的问题是：

<nav id="coolMenu">
<ul>

#coolMenu ul {
    position: absolute;
    display: none;
    z-index: 999;
}

ID标签应该附加到无序列表，它应该是

<nav>
<ul id="coolMenu">

通过编辑查看您的代码：

问题在于：

<nav id="coolMenu">
<ul>

#coolMenu ul {
    position: absolute;
    display: none;
    z-index: 999;
}

由于您将id放置在

nav

元素上，因此主

ul

设置为

display:none

，而不是子菜单

ul

s。如果您想在

nav

上显示该id，则必须更改所有css选择器以反映该id

---

或者，如果你想把

nav

元素作为目标，为什么不给它一个新的id，让其余的保持原样呢？

而OP在他的问题中已经说过：“我把它从

ul

标签上拿走，添加到

nav

标签上，它不再工作了。”~解释为什么？谢谢你的回答。我确实希望在nav上有id，所以我在css中添加了nav。也就是说，coolMenu导航到所有内容，但它并没有像预期的那样工作。它从水平菜单变为垂直菜单，所有颜色都变了等等。我做错了什么？按照您现在的定位方式，选择器将在id为#coolMenu的元素中查找导航元素。在您提供的原始CSS中，将每个

#coolMenu

替换为

#coolMenu ul

，或

nav#coolMenu ul

，以澄清id属于nav。这应该能奏效。