CSS ページナンバーナビゲーション3
質問にコメントで回答をすると
同じような質問が来たり・・・
回答をするのに回答コメントが見つからなかったりで・・
これからは同じような質問がきそうな場合には簡単な回答でも記事で回答していくようにしたいと思います
同じ日にプチメやコメントで同じ質問が3.4個届くと面倒になってしまいます
まして・・忘れた頃・・また同じ質問が届いた日には・・・・
これはそのパターンと違いますが・・
以前コメントした記憶があるのですが探し出せなかったので
ページナンバーナビの文字色の変更です
最初の状態です 基本的に文字は青、すでに見たページは紫 、現在のページは黒です
文字色を緑に変更します
ＣＳＳの最後に・・・・
.page a{/*ページナンバーナビ*/
color:#00ff00;/*数字の色*/
}
※すでに見たページも同じ色になります
現在のページを赤にして見ます
ＣＳＳの最後に・・・
.page .now{/*現在のページ*/
color:#ff0000;/*数字の色*/
}
前ページ・次ページをピンクにします
ＣＳＳの最後に・・・
.page .previousPage,
.page .nextPage{/*前のページ・次のページ*/
color:#ff00ff;/*文字の色*/
}
最新・最初を青にします
.page .firstPage,
.page .lastPage{/*最新・最初*/
color:#0000ff;/*文字の色*/
}
区切りの | を薄ピンクに
CSSに最後に
.page{
color:#ffccff;
}
わかりやすいようにいろいろな色にしているだけです
こんなナビにはしないで下さいね
画像を使ったりとかは