「スタイルシート」について RSSフィード
 

2011年7月15日をもちまして、はてなサポート掲示板は新規投稿の受付を停止致しました。
今後は、人力検索はてなの「はてなの使い方」カテゴリーをご利用ください。
※ご要望や不具合のご報告ははてなアイデア、はてなからのご返信が必要な質問はお問い合わせページをご利用ください。

23YuichirouYuichirou   22  Re:コメントのフォント

結論から言うと、以下のような記述を追加するとうまくいくと思います。

div.commentshort p {
  font-size: 10px;
}

ちなみに、今まで設定がうまく適用されなかった原因は、以下の記述にあります。

p {
margin: 5px 20px 0 20px;
font-size: 12px;
letter-spacing : 2px;
line-height: 140%;
font-family:"Osaka","sans-serif"
}

p 要素は主に日記本文の各段落として使われていますが、実はコメント部分でも、以下のような構造の中で使われているのです。

  • div.comment
    • div.caption (「コメントを書く」部分)
    • div.commentshort
      • p (1つのコメント:コメントの数だけある)
        • span.commentator (コメントを書いた人の名前)
        • span.timestamp (コメントが書かれた時刻)
        • span.commentbody (コメント本文)
      • ...

このため、例えば div.commentshort に対して font-size: 10px を指定しても、その内側にある p 要素で 12px になってしまい、効果が表れなかったのです。

返信2009/03/11 12:08:50
  • 23Re:コメントのフォント YuichirouYuichirou 2009/03/11 12:08:50
    結論から言うと、以下のような記述を追加するとうまくいくと思います。 ちなみに、今まで設定がうまく適用されなかった原因は、以下の記述にあります。 p 要素は主に日記本文の各段 ...
    • 24Re:Re:コメントのフォント moon56moon56 2009/03/11 13:21:21
      Yuichirou さん 詳しく説明、ありがとうございました!出来ました♪ なるほど、そういう事だったんですね! なんとなくですけど(苦笑)、理解出来ました! ありがとうございまし ...