文字装飾記法をUserCSSで拡張する

通常は強調や取り消しのような表現だけだが、別の記号を使うこともできる。

でもって、UserCSSを設定しておけば好みの装飾が可能。

hint

point

*や/だけでなく、!"#%&'()*+,-./{|}<>_~などの記号も使用できる

deco-{ deco-! deco-*のように、css classとして出力される

example

code:style.css

.deco-\+ { color: blue }

.deco-\+.deco-- { color: lightgrey }

青字になりますわよ

薄い灰色になりますわよ

ただの打ち消しはこう

htmlの中身

https://gyazo.com/f1ade7a4e4afbab8d9cd3fa3788d3a95

https://gyazo.com/af6d33c7c4300477c2a61e0e3a39e7cd

つまり

.deco-\+ { color: blue }の+が入っている部分に

!"#%&'()*+,-./{|}<>_~を自由に設定でき

それぞれに自分好みのCSSを当てることが可能！