はてなブログにはデザインCSSというのがあって、これを使うと自分のブログページを自由にカスタマイズできます。
デザインCSSの場所、開き方は、昨日(2025年8月3日)の記事をご覧ください。
デザインCSSを開いてみると、そこには既存のコードがありますが、これには手を触れず、そのまま残しておくことが推奨されています。カスタマイズするときは、既存コードの次の行から追記することになります。

それは、どうしてか。
CSSに関する基本的事項として、CSSは後から記述したものが優先する、というものがあります。つまり、CSSは上から順番に読み込まれていき、値違いの記述を下の方でやると、値が上書きされるのと同じ効果が出ます。これを、CSSの上書き特性などと呼びます。はてなブログに限らず、これはCSSの基本中の基本、イロハです。CSSのどの解説書にも載っています(例えば、栗谷幸助ら共著「HTML+CSS標準入門」)。
よって、ブログページをカスタマイズしてオリジナルのデザインに変えたいときには、デザインCSSに追記すればよいというわけです。後からの(下の方の)記述、つまり追記部分が優先し、もともと記述されていたコードは効果を発揮しないことになります。
追記したはいいけれども、どうも思ったデザインにはならなかったという場合、追記部分を削除するだけで済みます。追記コードの削除によって、今度は、もともと記述されていたコードが復活します。以前の状態に復元される、というわけです。
これは便利ですよねぇ。うまく考えられた仕組みです。
それではまた次の記事で。
goosyun
