PHP分页活动页码未突出显示

PHP分页活动页码未突出显示,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 {

我正试图突出显示活动页码,但没有成功地开始工作。谁能帮忙吗

这是分页的CSS

.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,'','&amp;');
        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元素的属性,而不是元素本身。快乐编码!