html - 如何在第一页上隐藏分页中的“上一个”按钮？

Question

我只是想在您打开时隐藏“上一个”按钮，例如第 10 页的第 1 页。因为如果您不能返回更多内容，为什么还需要“上一个”按钮？另外，当您在最后一页（第 1 页的第 10 页）时，我想隐藏“下一个”按钮，因为再一次，您无法再往前走，那么为什么在最后一页上有一个“下一个”按钮?

我正在使用 BigCartel，代码的变量如下所示：

{% if paginate.previous.is_link or paginate.next.is_link %}
{{ paginate | default_pagination }}
{% endif %}
% else %}
<p class="alert-noproducts">No products found.</p>
{% endif %}

CSS 看起来像这样：

#pagination .disabled,
#pagination .next,
#pagination .previous {
display: inline;
}

Answer 1

用这个：

#pagination .previous.disabled { display:none; }

当您在最后一页时，您还需要添加此内容：

#pagination .next.disabled { display:none; }

---

您也可以将它们组合起来：

#pagination .previous.disabled, #pagination .next.disabled { display:none; }