Question

我正在尝试突出显示活动页码，但无法成功上班。谁能帮忙。

这是分页的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>

Answer 1

例如，尝试将类名放在a标签内；

<a class=“classname”>Link text</a>

Answer 2

此

 $pagLink .= "<class='active'><a href='despatchdata_results.php?$qs'>$i</a>";

格式错误。您的active样式适用于a元素（a继承了active类，如您在样式a.active的CSS定义中所见）

尝试一下：

 $pagLink .= "<a class='active' href='despatchdata_results.php?$qs'>$i</a>";

让我知道它是否可以解决

Answer 3

您的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>";

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

3 个答案: