※ ChatGPTを利用し、要約された質問です(原文:CSSが効かない要因について)
CSSが効かない要因について
このQ&Aのポイント
CakePHPで一部のCSSが反映されない問題について質問します。
ctpファイルで指定したクラスのスタイルが正しく反映されない現象に困っています。
Chromeデベロッパーツールではスタイルが反映されるが、ブラウザのプレビュー画面では反映されない問題についてアドバイスをお願いします。
こんにちは。
CakePHPでcssが一部反映されない要因について、ご享受頂きたいです。
ctpファイルでクラスをnoticeとし、line-height :5; を指定していますが、反映されません。
【detail.ctpの記述】
<p class="notice">※注意事項に関するテキスト</p>
【style.cssの記述】
.notice {
font-size : 12px;
color : #ff0000;
margin : 0;
line-height: 5;
}
cssは、app/View/Layouts/default.ctpでcssを読み込んでいて、下記の様な記述です
<?php echo $this->Html->css('style'); ?>
configファイルも、Configure::write('Asset.timestamp', 'force'); と書いています。
Chromeデベロッパーツールで指定すると反映されます(添付画像)が、プレビュー画面(Safari, FireFox, Chrome等のブラウザ)では反映されません。
CSSの読み込みを妨害している要因について、お知恵をお貸し頂きたく投稿させて頂きました。
どうぞよろしくお願い申しあげます。
お礼
ありがとうございます! 50px; と書いても読み込めなかったのですが、何度か再起動したり キャッシュのクリアー読み込みを繰り返す事で解消されました!