javascript - 使用 html 和 css 进行分页

Question

我正在处理网页，需要一些帮助。我正在尝试让分页正常工作，但我似乎无法让它正常工作？

感谢所有帮助过我数周的人。

.pagination {
    display: inline-block;
     position: absolute;
    top: 15%;
    width: 25%;
    left: 250px;
}

.pagination a {
    color: black;
    float: left;
    padding: 8px 16px;
    text-decoration: none;
    
}

.pagination a.active {
    background-color: skyblue;
    color: white;
    border-radius: 5px;
}

.pagination a:hover:not(.active) {
    background-color: #ddd;
    border-radius: 5px;
}

 <div class="pagination">
  <a href="#">&laquo;</a>
  <a href="#1" class="active">1</a>
  <a href="page2">2</a>
  <a href="#">3</a>
  <a href="#">4</a>
  <a href="#">5</a>
  <a href="#">6</a>
  <a href="#">&raquo;</a>
</div>

Answer 1

Pagination，顾名思义，就是用来换页(结果)的。因此，您必须有一个为后续页面提供服务的系统。

创建下一个文件如 page1.html、page2.html... 并在所有页面中链接它是最简单的。

您也可以立即发送所有结果并使用类似于纯css菜单(输入+标签+~(css))的方法适本地隐藏它们

但这是极其愚蠢的。 (尽管可能)

您必须为此使用某种编程语言。浏览器端的 JavaScript 或/和服务器端的某些东西，例如:PHP、NodeJS、.Net、c#、Python、Perl、Ruby、Java...甚至汇编程序