shinoのときどき日記

2009年05月19日(Tue)

■ 更新画面のclass指定

tDiaryの更新画面は、次のようなclass指定がされています。

-<body>
     +<div class="adminmenu">
      <h1>shinoのときどき日記[追記]</h1>
     +<div class="update day">
     +<div class="footer">
</body>

注目したいのは、<div class="update day">。いま確認して初めて知ったのだけれど、半角スペースだと、これはクラス名の区切りを示していて、つまり、ここでは、"update"と"day"の２つのclassが指定されているということになります。

一方、閲覧画面のほうはどうなっているかというと。

<body>
     +<div class="adminmenu">
     +<div class="main">
     +<div class="adminmenu">
     +<div class="footer">
</body>

ここで指定されているmainクラスは、tDiary共通ではなく、設定の「ヘッダ・フッタ」の欄でcssをカスタマイズした結果埋め込まれたものです。dayクラスはmainクラスの下部階層に位置します。もし、mainクラスを埋め込まなければ、dayクラスが一階層目に出てくることになりますが、今、多くのtDiaryは閲覧画面のこの階層にはdayクラスではなく、mainクラスが出てくるようです。

また、日記タイトルのh1も、更新画面ではupdateのある階層と同じ階層に出てきていますが、閲覧画面ではmainクラスの下部階層にあります。

これが、CSSカスタマイズの時に、難しさというか混乱を生み出しているような気がしました。

Tags: tDiary