php - 使用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>

输出

上一页1 [2] 3下一页

假设$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的工作原理。