タグによって tiddler の StyleSheet を切り替える

TiddlyWiki — a non-linear personal web notebook から StyleSheet の Tips のご紹介。

tiddler の表示はデフォルトではすべて同じスタイルですが、StyleSheet をカスタマイズするとタグによって切り替えることができます。

div[tags~="welcome"].tiddler .viewer {
background-color: #ffccaa;
}

TiddlyWiki — a non-linear personal web notebook

一つの TiddlyWiki にさまざまなメモが混在する場合、tiddler の内容を示す分類をタグに含めておけば、単なる事実の"記録"の場合は背景色はデフォルトのままで、自分の"アイデア"の場合は背景色を変更して目立たせるといったことができます。

div[tags~="アイデア"].tiddler {
    background-color: #ccffff;
}