切换按钮的正确选择器答案

【问题标题】：Correct selector for toggle button切换按钮的正确选择器
【发布时间】：2018-06-15 22:56:53
【问题描述】：

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

.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>

【问题讨论】：

切换按钮是超链接吗？
@ManojKumar - 不，切换按钮是在我的 javascript 文件中定义的。
ejs代码是否生成多个列表标签？还是在同一个列表中生成多个标签？
为了让我们更好地帮助您，请更新您的问题，以便在minimal, complete, and verifiable example 中显示您的相关代码。
使用您当前的 CSS，您的目标是超链接。请显示具有切换按钮类的元素。

标签： html css ghost-blog

【解决方案1】：

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

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

您的 CSS 应如下所示：

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

【讨论】：