settings/拡張記法
中央揃え
構文
[<> 文字列]
例
文字列
実装
code:style.css
span.text:has(.deco-\<):has(.deco-\>) {
text-align: center;
}
右揃え
構文
[> 文字列]
例
文字列
実装
code:style.css
span.text:has(.deco-\>):not(:has(.deco-\<)) {
text-align: right;
}
下線マーカー
構文
[_* 強調]
[_/ 差異]
例
強調
差異
実装
code:style.css
span.deco strong span:has(.deco-_) {
text-decoration: none !important;
background: linear-gradient(transparent 70%, var(--color-red95) 70%);
}
span.deco span:has(.deco-_):has(i) {
& {
text-decoration: none !important;
background: linear-gradient(transparent 70%, var(--color-yellow95) 70%);
}
}
既存記法調整
code:style.css
strike {
text-decoration-thickness: 2px;
}