CSS 选择页面的分页

Question

我在 CSS 中需要一点帮助，尤其是在分页方面。 问题与所选页面有关，因为当我单击此页面时，相应的数字会消失（如果您注意到它在数字列表的右侧）。 下图

图片

我希望当我点击页面时，它必须被选中，而不是 go 不在页面列表中，即如图所示

图2

这是代码：

.jsp

 <div> <c:set var="pageListHolder" value="${phonesList}" scope="session" /> <table cellspacing="0"> <thead><tr><th>ID</th><th>Name</th></tr></thead> <tbody> <c:forEach var="ph" items="${pageListHolder.pageList}"> <tr><td>${ph.id}</td><td>${ph.name}</td></tr> </c:forEach> </tbody> </table> </div> <div class="pagination"> <span style="float:left;"> <c:choose> <c:when test="${pageListHolder.firstPage}"></c:when> <c:otherwise><a href="${pageurl}/0"><img src="https://image.freepik.com/free-icon/double-arrow-left_318-26609.jpg" width="20" height="20"></a></c:otherwise> </c:choose> <c:choose> <c:when test="${pageListHolder.firstPage}"></c:when> <c:otherwise><a href="${pageurl}/prev"><img src="https://static.abcteach.com/free_preview/m/mathsymbolslessthanbnw_p.jpg" width="20" height="20"></a></c:otherwise> </c:choose> </span> <span> <c:forEach begin="0" end="${pageListHolder.pageCount-1}" varStatus="loop"> &nbsp;&nbsp; <c:choose> <c:when test="${loop.index == pageListHolder.page}">${loop.index+1}</c:when> <c:otherwise><a href="${pageurl}/${loop.index}">${loop.index+1}</a></c:otherwise> </c:choose> &nbsp;&nbsp; </c:forEach> </span> <span> <c:choose> <c:when test="${pageListHolder.lastPage}"></c:when> <c:otherwise><a href="${pageurl}/next"><img src="https://static.abcteach.com/free_preview/m/mathsymbolsgreaterthanbnw_p.jpg" width="20" height="20"></a></c:otherwise> </c:choose> <c:choose> <c:when test="${pageListHolder.lastPage}"></c:when> <c:otherwise><a href="${pageurl}/${pageListHolder.pageCount}"><img src="https://image.flaticon.com/icons/png/512/8/8740.png" width="20" height="20"></a></c:otherwise> </c:choose> </span> </div> </body> </html>

.css

 .pagination { display: inline-block; }.pagination a { color: black; float: left; padding: 8px 16px; text-decoration: none; transition: background-color.3s; border: 1px solid #ddd; font-size: 22px; }.pagination a.active { background-color: #4CAF50; color: white; border: 1px solid #4CAF50; }.pagination a:hover:not(.active) {background-color: #ddd;}