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

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

49YuichirouYuichirou   48  Re:前の日次の日の文字

nishi-ogikuboさんのスタイルシートの設定を見てみたところ、2つの問題点がありました。

1つ目は、

body{
background-color:#663300;

という設定の閉じカッコ } が抜けている点で、このせいでこの記述以降の設定が効かない状況になっていました。


これを解決しても残る2つ目の問題は、「新しいエントリー」のまわりのHTML構造に起因します。

nishi-ogikuboさんは div.calendar に対し色の設定をしていますが、「新しいエントリー」や「前の日」「次の日」の部分はリンクになっており、HTMLコードでは div.calendar の中の a 要素として記述されています。

ここで面倒なことに、デザインテーマ「Memo」では「div.calendar a」、すなわち div.calendar の中の a 要素に対し色の設定を行っています。この場合、

  • div.calendar の中の a 要素でない部分は、nishi-ogikuboさんが設定された色
  • div.calendar の中の a 要素は、デザインテーマ「Memo」で設定された色

となってしまうのです。

このため、nishi-ogikuboさんは「div.calendar a」でも色設定を行う必要があります。ここで、具体的に値を記述せず、その要素の外側で指定された色を利用するCSSの記法として「inherit」というのがあるので、

div.calendar a {
  color: inherit;
}

と付け足しで記述すると、うまく色が変えられると思います。

返信2009/10/09 13:28:50