切换按钮的正确选择器

Question

我无法为切换按钮获取正确的选择器（切换按钮有效），但我的目标是仅显示第一个 5 结果以及当用户单击切换按钮时 (open/close)然后显示余数 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>

Answer 1

您指的是 <li></li> 中的第 6 个 <a></a> 标签，它不存在。

您想要 select 第 6 个 <li></li> 元素。

您的 CSS 应如下所示：

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

切换按钮的正确选择器

Correct selector for toggle button

html

css

ghost-blog