ページングのcssについて質問があります。
現在地を表すcurrentを下のコードのようにすれば、currentのcssが適用されますが、他のnextやprev、pagingの場合下のコードのように書いても適用されず、cssが変わりません。
例えば、currentの色を変えるためにcolor:#fff;を入ると白になりますが、prevやnextにcolor:#fff;を入れても白になりません。
編集したcss

html
1function paging($limit, $page, $disp=5){
2    //$dispはページ番号の表示数
3    $next = $page+1;
4    $prev = $page-1;
5     
6    //ページ番号リンク用
7    $start =  ($page-floor($disp/2) > 0) ? ($page-floor($disp/2)) : 1;//始点
8    $end =  ($start > 1) ? ($page+floor($disp/2)) : $disp;//終点
9    $start = ($limit < $end)? $start-($end-$limit):$start;//始点再計算
10     
11    if($page != 1 ) {
12 $class=($page == $i-1)? ' class="prev"':"";           print '<a href="?page='.$prev.'">&laquo; 前へ</a>';
13    }
14     
15    //最初のページへのリンク
16    if($start >= floor($disp/2)){
17        print '<a href="?page=1">1</a>';
18        if($start > floor($disp/2)) print "..."; //ドットの表示
19    }
20     
21     
22    for($i=$start; $i <= $end ; $i++){//ページリンク表示ループ
23         
24        $class = ($page == $i) ? ' class="current"':"";//現在地を表すCSSクラス
25         
26        if($i <= $limit && $i > 0 )//1以上最大ページ数以下の場合
27            print '<a href="?page='.$i.'"'.$class.'>'.$i.'</a>';//ページ番号リンク表示
28         
29    }
30     
31    //最後のページへのリンク
32    if($limit > $end){
33        if($limit-1 > $end ) print "...";    //ドットの表示
34        print '<a href="?page='.$limit.'">'.$limit.'</a>';
35    }
36         
37    if($page < $limit){
38$class=($page == $i+1)? ' class="next"':"";          print '<a href="?page='.$next.'">次へ &raquo;</a>';
39    }
40     
41    /*確認用
42    print "<p>current:".$page."<br>";
43    print "next:".$next."<br>";
44    print "prev:".$prev."<br>";
45    print "limit:".$limit."<br>";
46    print "start:".$start."<br>";
47    print "end:".$end."</p>";*/
48     
49}
50 
51$limit = 10;//最大ページ数
52$page = empty($_GET["page"])? 1:$_GET["page"];//ページ番号
53 
54paging($limit, $page);

nextのcss

html
1<style>
2.next {
3    font-weight: bold;
4    color:#fff;    
5}
6</style>

currentのcss

html
1<style>
2.current {
3    font-weight: bold;
4}
5</style>

全体のcss

html
1function paging($limit, $page, $disp=5){
2    //$dispはページ番号の表示数
3    $next = $page+1;
4    $prev = $page-1;
5     
6    //ページ番号リンク用
7    $start =  ($page-floor($disp/2) > 0) ? ($page-floor($disp/2)) : 1;//始点
8    $end =  ($start > 1) ? ($page+floor($disp/2)) : $disp;//終点
9    $start = ($limit < $end)? $start-($end-$limit):$start;//始点再計算
10     
11    if($page != 1 ) {
12         print '<a href="?page='.$prev.'">&laquo; 前へ</a>';
13    }
14     
15    //最初のページへのリンク
16    if($start >= floor($disp/2)){
17        print '<a href="?page=1">1</a>';
18        if($start > floor($disp/2)) print "..."; //ドットの表示
19    }
20     
21     
22    for($i=$start; $i <= $end ; $i++){//ページリンク表示ループ
23         
24        $class = ($page == $i) ? ' class="current"':"";//現在地を表すCSSクラス
25         
26        if($i <= $limit && $i > 0 )//1以上最大ページ数以下の場合
27            print '<a href="?page='.$i.'"'.$class.'>'.$i.'</a>';//ページ番号リンク表示
28         
29    }
30     
31    //最後のページへのリンク
32    if($limit > $end){
33        if($limit-1 > $end ) print "...";    //ドットの表示
34        print '<a href="?page='.$limit.'">'.$limit.'</a>';
35    }
36         
37    if($page < $limit){
38        print '<a href="?page='.$next.'">次へ &raquo;</a>';
39    }
40     
41    /*確認用
42    print "<p>current:".$page."<br>";
43    print "next:".$next."<br>";
44    print "prev:".$prev."<br>";
45    print "limit:".$limit."<br>";
46    print "start:".$start."<br>";
47    print "end:".$end."</p>";*/
48     
49}
50 
51$limit = 10;//最大ページ数
52$page = empty($_GET["page"])? 1:$_GET["page"];//ページ番号
53 
54paging($limit, $page);

退会済みユーザー

2016/08/24 06:24

質問するときのヒントより抜粋ですが、「teratailを「サポートセンター」だとは思わないでください。作業依頼のような投稿をして、課題や仕事を無償でやってもらえる場ではありません。あなたがそのようなつもりで質問しているのだと他のユーザーから誤解されないように、丁寧な質問を心がけましょう。」この辺が大事ですね。

退会済みユーザー

2016/08/24 06:25

しつこいようですが大事なことなので…

行動規範の内容に同意します

回答2件

classで指定していないからでは？

投稿2016/08/22 01:59

ttyp03

総合スコア16998

質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう！

追記

関連した質問