insとdelに関するtips.

はてなアイデア - 「追記記法」がほしい。追記部分にそれっぽい装飾を施すのと、追記した時刻を表示する。
コメント欄にも書いた. 子供セレクタが使えないので*1, いろいろ頑張っている. 使用する場合は,

本文
><ins><
追記部分
></ins><

で.
IE6って子供セレクタ対応してないんじゃなかったか.

なぜかテーマの簡単設定に採用されたPictから.

.section ins {
 display: block;
 margin: 1em;
 padding: 5px;
 border: 2px solid #cccccc;
 text-decoration: none;
}

.section ins:before {
 display: block;
 margin: 0px -5px;
 padding: 0px 5px;
 content: "inserted at " attr(datetime);
 border-bottom: 1px dashed #cccccc;
 text-align: right;
}

.section * ins {
 display: inline;
 border: 0px;
 text-decoration: underline;
}

.section * ins:before {
 display: none;
}

.section * ins:after {
 display: inline;
 content: "(inserted at " attr(datetime) ")";
}

.section del:after {
 display: inline;
 content: "(deleted at " attr(datetime) ")";
}

*1:idea:3028:title