![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?e8efa67)
MovableTypeでCSSを使ったサイトを作っています。CSSに記述しているのに適用されていないスタイルがあったので、色々触って確認したところ、そのスタイルの上に書いていたコメントを消すと適用されました。
↓こんな感じです。
/*ナビゲーション*/
.nav{
margin-left:20px;
}
の/*ナビゲーション*/を消すとmargin-left:20pxが適用されました。が、再構築する前は適用していたような気がします。何度か再構築を繰り返すうちに適用しなくなり、コメント部分を消しました。1箇所ではなく数箇所あったので、MovableTypeで使用するCSSにはこのようなコメントの書き方は良くないのでしょうか?適用したままの箇所が大半なので、なんとも言えないのですが、みなさんはどのようにコメントを書いていますか?また、何故適用されなくなるのか、ご存知の方に教えていただきたいです。よろしくお願いします。
No.1ベストアンサー
- 回答日時:
普通にスタイルシートの中で
/* グローバルナビゲーション */
div#nav { }
とか使ってますが、反映されてます。
何か別の理由があるのではないでしょうか。
例えばスタイルシート編集後「保存と再構築」を押してサイトを確認したとしても、ブラウザのキャッシュが残っていて反映されてないように見えたとか。更新ボタンを押したり右クリックでページを再読込してみても反映されないですか?
また、どこかと指示がかぶってるということはないですか。例えばマージンですが、上下に隣接するブロックレベル要素のマージンは、どちらか一方の値の大きい方だけが有効になります。その場合は、試しにあり得ないマージンの値(100pxとか)を入れてみると、かぶっているかどうかがわかります。
カスケーディングスタイルシート(CSS)を検証
http://jigsaw.w3.org/css-validator/
こういうのも使ってみると原因が何かわかるかもしれません。
回答ありがとうございます!
スタイルが適用されなくなったのが不思議で仕方なかったので、コメントの記述を消すまでに、キャッシュを消してみたり何度も更新したりしたので、読み込めていなかった可能性は少ない気がします。
静的なページでもCSSは普段使っているのですが、今回のようにコメントを消して適用したという事が今までなかったので、かなりチェックしましたし、実際の記述の箇所は触っていないだけに不思議でした。
でも、同じようにコメントを使用されていて反映しているとの事なので、再確認が必要なのかもしれません。それからコメントの記述方法は間違っていないんだなぁと安心しました。実際に使用されている方からの回答で参考になりました。ありがとうございました。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS Dreamweaver のテンプレートでの相対パスの設定について 2 2023/06/13 17:28
- HTML・CSS HTML で使ってない CSSのクラスやID を消去してくれるツールはありませんか? 2 2022/08/25 18:07
- 一戸建て 住宅ローン控除期間の13年適用について、同じ状況下の方を探しています。 私自身、令和2年9月以前に契 1 2022/12/22 19:03
- HTML・CSS テキストを画面の真ん中に配置したいです。 2 2022/11/25 16:11
- HTML・CSS 書籍を見つつサイト造りの練習をしているのですが、見た目が一致しません 2 2022/11/28 15:00
- オープンソース cssで中央寄せ 1 2023/05/19 06:25
- HTML・CSS htmlの文字が縦書きになる 2 2023/03/01 21:31
- HTML・CSS 吹き出し 下記の吹き出しのスタイルシートについて 下記のスタイルシートは左側にアイコンがでる使用にな 1 2022/11/12 17:55
- 確定申告 住宅ローン控除の適用可否について 3 2022/12/05 17:48
- 確定申告 【住宅ローン控除について】 昨年末に新築が完成し引越済&ローン返済が始まったため確定申告をe-tax 1 2023/03/11 00:59
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
ワードプレスCocoonで作ったペ...
-
投稿した文書の編集ができません。
-
外国人のコメント欄でよく、コ...
-
ワードプレスの403エラーについて
-
「ページにリダイレクトがあり...
-
ワードプレスのプラグイン
-
Adobe Express(アドビエクスプ...
-
ワードプレステーマkatawaraのCSS
-
ワードプレスのテーマ:katawara
-
ホームページやブログに関しま...
-
ワードプレスに詳しい方に質問...
-
HPを作りたいと考えているので...
-
ワードプレスでデータの移動
-
ワードプレスで新規で新しい記...
-
WP ショートコードの編集?
-
WPにログインした状態で、自分...
-
ワードプレスにユーチューブの...
-
グーグルサーチコンソール。サ...
-
ワードプレスで投稿(ブログ)...
-
レンタルサーバーを借りて、物...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
wordpress カスタムフィールド...
-
ブログのデザインがずれる原因
-
ライブドアブログにおいて記事...
-
WordPressのヘッダー上部の余白
-
タグ
-
ブログの背景色について
-
CSS疑似フレーム内の文字色の指...
-
FC2ブログで横幅を広げタイトル...
-
アメーバのブログ 画像の貼り付け
-
FC2ブログ タイトルの文字を...
-
記事の見出しタイトル
-
FC2ブログ プロフィールイラス...
-
アンドロイドで文字が左に偏る。
-
fc2ブログで記事とサイドバーに...
-
ブログ記事内に文章を左右2列に...
-
FC2ブログの右サイドバーが落ちた
-
ロリポブログのcss:センターに...
-
ブログのメイン記事の幅を広げ...
-
MovableTypeのサブカテゴリ字下...
-
MovableTypeでCSSにコメントを...
おすすめ情報