行頭に-を入れるだけで取り消し線を入れるUserCSS

行頭に-をいれるだけで打ち消し線にするUserCSS

TODOを適当に並べてるとき、DONEを表すために打ち消しを使用するのだけど、そのためにわざわざブラケティングしとうない！スマホでもいちいち選択するの大変だし！ということで作った

多分いけてるはず

-YOOOOOOO

Yo-yo

yoyoyo-

-サラマンダーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーアピーーーーーーーーーーーーーーーーーーーーーーーーーーーーール

-打ち消し

インデントしてるときに、リンクが最初に来てその直後に-を入れた場合にも取り消し線入っちゃいますね

first-childの使い方が微妙に間違っている？

別にエッジケースだから良いかあ

code:strikethrough without bracketing.css

.line:has(span.char-index.c-0data-char="-"),

.line .indent:has(span.char-indexdata-char="-":first-child)

{text-decoration:line-through}

span.char-index.c-0data-char="-",

span.char-indexdata-char="-":first-child

{display:none}

.cursor-line span.char-index.c-0data-char="-",

.cursor-line span.char-indexdata-char="-":first-child

{display:inline-block}