使用 CSS 设置分页控件的样式化 - stylize pagination controls with css

stylize pagination controls with css

php

$paginationCtrls .= '<a href="'.$_SERVER['PHP_SELF'].'?pn='.$previous.'">Previous</a>';
$paginationCtrls .= '<a href="'.$_SERVER['PHP_SELF'].'?pn='.$i.'">'.$i.'</a> &nbsp; ';      
$paginationCtrls .= ''.$pagenum.' &nbsp; ';
$paginationCtrls .= '<a href="'.$_SERVER['PHP_SELF'].'?pn='.$next.'">Next</a> ';

.html

<p class="pagination-controls"><?php echo $paginationCtrls; ?></p>

输出

比方说$pagenum = 2;

我只添加了 php 代码和 html 中的基本行，因为我只是简单地回显可点击的按钮，除了 $pagenum ，这不是链接。我不确定如何使用 css 定位它，以便我可以对该元素进行风格化。对于其他元素，我可以通过 css 选择器 -> .pagination-controls a 来定位。想请您帮助如何定位$pagenum。

$paginationCtrls .= '<a href="'.$_SERVER['PHP_SELF'].'?pn='.$previous.'">Previous</a>';
$paginationCtrls .= '<a href="'.$_SERVER['PHP_SELF'].'?pn='.$i.'">'.$i.'</a> &nbsp; ';      
$paginationCtrls .= '<span class="pagenum">'.$pagenum.' &nbsp;</span>';
$paginationCtrls .= '<a href="'.$_SERVER['PHP_SELF'].'?pn='.$next.'">Next</a> ';

使用选择器.pagination-controls span.pagenum进行访问

如果这对你没有帮助，请考虑阅读HTML/CSS是如何工作的。