- 締切済み
CSSが反映されなくて困っています。
アメブロでカスタマイズをしています。 いろいろ追加したり修正したりしていましたら、 何もしていないコメント欄の文字すべてが 急に大きくなってしまいました。 ネットで調べたＣＳＳ /*コメントタイトル*/ #comment_module .title{ font-size:12px; } /*コメントラベル*/ #comment_module .label{ font-size:12px; } /*名前*/ .comment_footer span.comment_author{ font-size: 12px; } /*日付*/ .comment_footer span.comment_date{ font-size: 12px; } /* コメント */ #comment_module .each_comment{ font-size:12px; } を入れてみましたが、変わりません・・。 キャッシュも削除しましたし、とじかっこも抜けていないと思います。 教えてください。よろしくお願い致します。
- みんなの回答 （2）
- 専門家の回答
みんなの回答
- noris02
- ベストアンサー率74% (56/75)
アメブロ自体を使っていなく、私自身も初心者ですが 以前、他のブログサイトでCSSをいじり、反映されなくなった事を思い出しました。 そのとき 確認したこと 1 id classが 反映されているか。 例： /* コメント */ #comment_module .each_comment{ font-size:12px; background-color:#cccccc; ←背景をかえてみる。 } これで 背景色が変わらなければ もちろん font-size:12px;も うまくいかないわけで。 #comment_module .each_comment{ ・・・ } は 無意味なくくりとなってきます。 ｈｔｍｌが↓ <!-- comment --> <div id="comment_module"> ・・・ <div class="each_comment"> <p class="label">■コメントタイトル■</p> <p class="comment_body">■コメント■</p> <div class="comment_footer"> <span class="comment_author">■コメント者名■</span> <span class="comment_date">■コメント日時■</span> </div><!-- //.comment_footer --> </div><!-- //.each_comment" --> ・・・ </div><!-- //#comment_module --> となってるみたいなので、ここの font-size ですよね。 背景が変わらない場合は 他のタグ<div> <span><p>で font-size等指定してないでしょうか？ 私の場合は <body>タグで優先的に指定をしていた為、細かいところが 無視された結果でした。 なんやかんや ですが、 cssの優先順位等の記述については http://park19.wakwak.com/~zashiki/css-make/cascade.html
- metametamu
- ベストアンサー率51% (153/295)
IEならブラウザ側のフォントサイズの大きさは変えていませんか？
補足
ありがとうございます。 ＩＥですが・・・ブラウザ側は何もいじっていません・・。 記事自体のサイズは変更できたのですが、 コメント欄だけできないので・・。
補足
ありがとうございます。 やっぱり変わりませんでした・・。 書いて頂いたほかのタグも探してみましたが・・使用していないです。