php - 使用 CSS 风格化分页控件

Question

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。

Answer 1

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