メモ:はてなのCSSの構造

はてなのCSSをいじっているとわけがわからなくなったりするので、ちょっとはてなのCSSの構造がそもそもどうなっているかを整理してみました。

★Top Layer: BODYタグ ブログタイトル (h1)
  ●Layer 2: .hatena-body
    ■Layer 3: .main
      ☆Layer 4: .calendar(前の日などへのリンク)
      ☆Layer 4: .day 日付
        ◎Layer 5: .body
          □Layer 6: .section 本文
        ◎Layer 5: .comment
        ◎Layer 5: .refererlist トラックバック
      ☆Layer 4: .calendar(前の日などへのリンク)
    ■Layer 3: .sidebar
      ☆Layer 4: .hatena-module
      ☆Layer 4: .hatena-module
      ☆Layer 4: .hatena-module

こちらは本サイトを色づけしたものです。

以上、自分メモ。