トップページ下部のページ送りの表示について - CSSカスタマイズ相談

RE: トップページ下部のページ送りの表示について

eoe — Thu, 14 Oct 2021 09:21:41 +0000

はるさんありがとうございます。
数字部分がどのブラウザでも非表示になりました。
この度はありがとうございました！

RE: トップページ下部のページ送りの表示について

はる — Thu, 14 Oct 2021 06:32:42 +0000

ブラウザによっては複数一括でnotに含めるのダメだったみたいです。

以下でいかがでしょうか。

.pagination .page-numbers:not(.prev):not(.next) {
  display: none;
}

RE: トップページ下部のページ送りの表示について

eoe — Thu, 14 Oct 2021 05:21:44 +0000

はるさんありがとうございます。
<>以外の数字部分が非表示になりました。
ただSafari、Opera、IEでは数字部分が非表示になっていません。
どのようにすればこれらのブラウザでも数字部分を非表示にできますでしょうか？
宜しくお願い致します。

RE: トップページ下部のページ送りの表示について

はる — Wed, 13 Oct 2021 10:09:11 +0000

CSSで非表示にするだけで良いのであれば、

.pagination .page-numbers:not(.prev, .next) {
  display: none;
}

で前後ページの矢印以外が非表示になります。

トップページ下部のページ送りの表示について

eoe — Wed, 13 Oct 2021 08:52:39 +0000

例えばページが3ページまであるとして、トップページ下部のページ送りの表示を
1ページ目には　次のページの項目のみ表示
2ページ目には　次のページの項目と前のページの項目表示（1.2.3ページへ移動項目を非表示にしその代わりに表示）
3ページ目には　前のページの項目のみ表示（1.2.3ページへ移動項目を非表示にしその代わりに表示）
の様に表示させることは可能でしょうか？
つまり次か前のページにしか移動できない様にするという内容です。
1.2.3ページへ移動項目の両端の<>のみの表示で上記と同様の事を行うでも良いのですが。

もし可能であればどのようにすればこの様に表示させることが出来るのかご教示願えますでしょうか？
宜しくお願い致します。

環境：ローカル