つれづれ電脳記(日くらしPCに向かひて)

つれづれなるままに、日くらしPCに向かひて、その悪戦苦闘ぶりをそこはかとなく書き付くるおじさん。たまに雑談[管理人:goosyun]

つれづれなるままに、日くらしPCに向かひて、デジタル関係の悪戦苦闘ぶりをそこはかとなく書き付くるおじさんです。
たまに雑談してます。連絡・問い合わせフォームは、ページ最下部に置いています。[著者(運営人):goosyun]

(当ブログには本文中に広告リンクが含まれています。)

はてなブログのデザインCSS・既存コードに手を付けない

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

CSSの上書き特性

 それは、どうしてか。
 CSSに関する基本的事項として、CSSは後から記述したものが優先する、というものがあります。つまり、CSSは上から順番に読み込まれていき、値違いの記述を下の方でやると、値が上書きされるのと同じ効果が出ます。これを、CSSの上書き特性などと呼びます。はてなブログに限らず、これはCSSの基本中の基本、イロハです。CSSのどの解説書にも載っています(例えば、栗谷幸助ら共著「HTML+CSS標準入門」)。

 

 よって、ブログページをカスタマイズしてオリジナルのデザインに変えたいときには、デザインCSSに追記すればよいというわけです。後からの(下の方の)記述、つまり追記部分が優先し、もともと記述されていたコードは効果を発揮しないことになります。
 追記したはいいけれども、どうも思ったデザインにはならなかったという場合、追記部分を削除するだけで済みます。追記コードの削除によって、今度は、もともと記述されていたコードが復活します。以前の状態に復元される、というわけです。
 これは便利ですよねぇ。うまく考えられた仕組みです。

 それではまた次の記事で。
   goosyun