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

标签 php html css pagination

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

关于php - 使用 CSS 风格化分页控件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22666049/

相关文章:

html - 仅匹配特定标签

Jquery 航点偏移

html - 如何让任意数量的 div 水平并排放置并平均划分整个页面宽度?

javascript - 从下拉列表中选择动态添加特定的图标

php - Laravel FirstOrCreate 和 Save() 重复条目

php - 修改AJAX PHP数据库示例

php - 多个文本字段上的 onBlur 事件

javascript - 使用 onsubmit 或 onclick 打开窗口基于使用输入

php - 指定表格数据宽度

javascript - 如何让视频占据视口(viewport)的高度和宽度?