使用 CSS 样式化分页控件答案

【问题标题】：stylize pagination controls with css使用 CSS 样式化分页控件
【发布时间】：2014-03-26 23:43:44
【问题描述】：

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。

【问题讨论】：

将其包装在 <span> 中，并使用特定类设置跨度的样式。
这是基本的 BASIC 编码。在它周围添加一个跨度，然后对它进行 CSS 处理。
当我尝试添加“”时，$pagenum 变量会被隐藏。
那你做错了。不要粗鲁，但这非常简单。在前两个单引号之间添加打开标签，在&nbsp; 前面添加关闭标签。你不应该期待任何真正的答案，这是你应该能够自己做的事情
谢谢！问题是一个错字。也道歉。

标签： php html css pagination

【解决方案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 的工作原理。

【讨论】：

试过这样做，但是 $pagenum 没有显示出来。
@vephelp 如上所述：如果这不能解决您的问题，那么您的问题会有所不同：-/ 也许阅读有关如何使用 Google 处理 HTML 和 CSS？了解用于 firefox/chrome 的 webdeveloper 工具。该工具可以帮助您找出您的分页信息不存在/不显示的原因。
IMO 这类话题不应该得到答案。加一个span太简单了，想不到，应该提倡一些依赖思维，不应该简单的回答:)
@Martijn 我记得我是新手，所以我几乎回答了所有问题。有时看起来很令人沮丧，但也很有趣stackoverflow.com/questions/22555654/…:D
我同意，有些事情看起来很简单，但是添加一个 span 和一些 css？