html - 切换按钮的正确选择器

Question

我无法为切换按钮获取正确的选择器(切换按钮有效)，但我的目标是仅显示第一个 5 结果，然后当用户单击切换按钮(打开/关闭)时剩余的 20 显示。我不能在这里复制一个工作示例，因为这些元素是动态生成的，并且它涉及 ejs 代码。问题是哪个是我的 css 的正确选择器，因为显示的 css 代码 不起作用。

.module ul li a:nth-child(n+6) {
    display: none!important;
}

<section class='module'>
    <div class='header'>Hello</div>
    <div class='content'>
        <% if (site.categories.length){var limit=0;  %>
            <ul class="list">
                <!--<% "EJS code here" %>-->
                    <li>
                        <a class="flat-box" href="<%= url_for(item.path) %>">
                            <div class='name'>
                                <!--<%= item.name %>-->
                            </div>
                            <div class='count'>
                               <!--<%= item.posts.length %>-->
                            </div>
                        </a>
                    </li>
            </ul>
    </div>
</section>

Answer 1

您指的是第 6 个 <a></a> <li></li> 内的标签，它不会退出。

您希望选择第 6 个 <li></li>元素。

您的 CSS 应如下所示:

.module ul li:nth-child(n+6) {
  display: none!important;
}