PHP分页活动页码未突出显示
我正试图突出显示活动页码,但没有成功地开始工作。谁能帮忙吗 这是分页的CSSPHP分页活动页码未突出显示,php,css,Php,Css,我正试图突出显示活动页码,但没有成功地开始工作。谁能帮忙吗 这是分页的CSS .pagination { display: inline-block; } .pagination a { color: black; float: left; padding: 8px 16px; text-decoration: none; transition: background-color .5s; } .pagination a.active {
.pagination {
display: inline-block;
}
.pagination a {
color: black;
float: left;
padding: 8px 16px;
text-decoration: none;
transition: background-color .5s;
}
.pagination a.active {
background-color: dodgerblue;
color: white;
}
.pagination a:hover:not(.active) {background-color: #ddd;}
这是分页代码:
<div class="pagination">
<?php
$get = $_GET;
$current_page = isset($get['page'])?$get['page'] : 1;
for($i=1;$i<=$tpages;$i++) {
$get['page'] = $i; // set the page parameter
$qs = http_build_query($get,'','&');
if($i==$current_page) {
echo "current_page $current_page <br />";
$pagLink .= "<class='active'><a href='despatchdata_results.php?$qs'>$i</a>";
}else{
$pagLink .= "<a href='despatchdata_results.php?$qs'>$i</a>";
}
?>
</div>
例如,尝试将类名放在标记内
<a class=“classname”>Link text</a>
链接文本
例如,尝试将类名放在标记内
<a class=“classname”>Link text</a>
链接文本
这个
如果它解决了这个问题,请告诉我
如果它解决了问题,请告诉我您的CSS与生成的HTML不匹配,并且您的HTML无效:
.pagination .active a {
background-color: dodgerblue;
color: white;
}
.pagination div:not(.active) a:hover {background-color: #ddd;}
并使用以下内容更新生成的HTML:
$pagLink .= "<div class='active'><a href='despatchdata_results.php?$qs'>$i</a></div>";
$pagLink.=”;
您的CSS与生成的HTML不匹配,并且您的HTML无效:
.pagination .active a {
background-color: dodgerblue;
color: white;
}
.pagination div:not(.active) a:hover {background-color: #ddd;}
并使用以下内容更新生成的HTML:
$pagLink .= "<div class='active'><a href='despatchdata_results.php?$qs'>$i</a></div>";
$pagLink.=”;
此
不是HTML<代码>
这是。这不是HTML<代码>这就是问题所在。是的,这就是问题所在。虽然这是OP和未来谷歌的学习机会,但最好解释一下“为什么”:)是的,这就是问题所在。尽管这是OP的一个学习机会,无论是谁,在未来的谷歌搜索它,最好解释一下“为什么”:)谢谢,我把class='active'放在了a标签中,活动页面现在是highlightedgreat!请记住,class
始终是html元素的属性,而不是元素本身。快乐编码!谢谢,我把class='active'放在了a标签中,现在活动页面是highlightedgreat!请记住,class
始终是html元素的属性,而不是元素本身。快乐编码!