我正在尝试编辑我的CSS以始终显示所有li “我的标题”菜单中的标签，也带有ul.sub-menu li; 我只想显示菜单中的所有项目，但我已经工作了几个小时，仍然没有找到任何解决方案。

这是我的菜单结构：

<ul class="menu">
    <li>Item</li>
    <li>
        Item 2
        <ul class="sub-menu">
            <li>Subitem</li>
            <li>Subitem 2</li>
        </ul>
    </li>
    <li>Item 3</li>
    <li>Item 4</li>
</ul>

这就是我迄今为止所尝试的：

ul.menu li ul.sub-menu {
    display: block !important;
    visibility: visible !important;
    top: 100% !important;
    position:relative;
}

但所有隐藏的li 显示在菜单底部，而不是在其父菜单之后，这是我得到的（代码结构相同，但这是“如何显示”的表示）：

<ul class="menu">
    <li>Item</li>
    <li>
        Item 2
    </li>
    <li>Item 3</li>
    <li>Item 4</li>
    <ul class="sub-menu">
        <li>Subitem</li>
        <li>Subitem 2</li>
    </ul>
</ul>

有人能帮我吗？也许我遗漏了一些非常简单的东西，但我还没有找到解决方案。

谢谢你的建议。