iPad（第6世代）だけ追加CSSが反映されない - Cocoonテーマに関する質問

RE: iPad（第6世代）だけ追加CSSが反映されない

あおい屋（くみ） — Sat, 01 Jun 2024 12:30:28 +0000

うわああ！！

記述完全に見落としておりました。

おっしゃるとおり記述を修正したら無事に表示できました。

ありがとうございます。

RE: iPad（第6世代）だけ追加CSSが反映されない

ｍｋ２ — Sat, 01 Jun 2024 08:29:18 +0000

ご参考に。

c3effee6fd4927c0f13ed81a68c2dcf2.JPG

（「&」が必要なくなったのは、ごく最近な気がしますし、まだちょっと早いのかなという気はします）

RE: iPad（第6世代）だけ追加CSSが反映されない

大門未知子 — Sat, 01 Jun 2024 05:42:26 +0000

●補足

以下のように記述したら表示されるのでは？

https://notepad.pw/share/fViseT3okXZM7ezZN1TM

CSSネスト記述だと、以下のチェックでエラーとなり。

https://jigsaw.w3.org/css-validator/

RE: iPad（第6世代）だけ追加CSSが反映されない

大門未知子 — Sat, 01 Jun 2024 05:18:14 +0000

●回答

CSSをネスト記述していますが、2023年頃の最近のブラウザからの対応だったと思います。
この為、古いブラウザは非対応の為、CSSエラーで反映されないのでは？

CSSのネスト記述を、止めてみて下さい。

iPad（第6世代）だけ追加CSSが反映されない

あおい屋（くみ） — Sat, 01 Jun 2024 04:19:13 +0000

不具合・カスタマイズ対象ページのURL：
https://chiyuru-bannai.blog/5-dungeons-1/

相談内容：
特定のカテゴリだけにCSSカスタムを行うため、追加CSSで以下を追記しております。

.categoryid-1,
.categoryid-4,
.categoryid-5,
.categoryid-6,
.categoryid-8,
.categoryid-9
{
rt {
color: #7d7d7d;
}
p {
letter-spacing: -0.05em;
text-align: justify;
}
.entry-title{
display: none;
}

Windows11,iPhone15,Microsoft Surface Go3などでは問題なく追加CSSが反映されるのですが
iPad（第6世代）のSafari・Chromeともに、追加CSSが反映されません。

たとえば、
.entry-title{
display: none;
}
などがきかず、以下のようにでてきてしまいます。
https://gyazo.com/0c790af4d2851af3d7ca0248de2f2713

カテゴリIDの指定をせずに
.entry-title{
display: none;
}
だけをした場合は、問題なく追加CSSが反映されます。

ディベロッパーモードでiPadの出力を確認すると
.categoryid-4が出力されているようなので、原因が特定できず困っております。https://gyazo.com/a0e983ac62c615563cf9b61f272ef526

不具合の発生手順：
https://chiyuru-bannai.blog/5-dungeons-1/
をiPad（第6世代）で表示する（SafariもしくはChrome最新版）

解決のために試したこと：

カテゴリIDの指定をせずに
.entry-title{
display: none;
}
を記述→問題なく追加CSSの内容が反映された。

iPad（第6世代）だけというニッチな症状なのですが
他にも見落としがあるかもしれないと思い投稿いたしました。

お知恵をかしていただければ幸いです。