UserCSS:拡張打ち消し記法
from UserCSS:打ち消し記法
UserCSS:拡張打ち消し記法
code:style.css
.deco-\-:not(:hover) {
text-decoration: line-through solid ; /* */
text-decoration-color: var(--text-color, black) ;
text-decoration-thickness: 1px ;
&:has(span:nth-child(1) > adata-page-title="blue") {
text-decoration-color: blue ;
text-decoration-thickness: 4px ;
& > span:nth-child(1) > a { display: none; }
}
&:has(span:nth-child(1) > adata-page-title="red") {
text-decoration-color: red ;
& > span:nth-child(1) > a { display: none; }
}
&:has(span:nth-child(1) > adata-page-title="wide") {
text-decoration-thickness: 0.8em ;
& > span:nth-child(1) > a { display: none; }
}
&:has(span:nth-child(1) > adata-page-title="double") {
text-decoration: line-through double ; /* */
& > span:nth-child(1) > a { display: none; }
}
&:has(span:nth-child(1) > adata-page-title="del") {
opacity: 0.3;
& > span:nth-child(1) > a { display: none; }
}
&:has(span:nth-child(1) > adata-page-title="reverse") {
background-color: var(--text-color, black) ;
color: var(--assort-color, white) ;
text-decoration-color: var(--assort-color, white) ;
& > span:nth-child(1) > a { display: none; }
}
}
code:style.css
.deco-\-:hover {
text-decoration: none ; /* */
text-decoration-color: var(--text-color, black) ;
}
テスト テストだよ
redテストですの削除線を赤く
wide テスト 削除線を太く
double テスト二重線
del テスト文字を薄く
reverse テスト 反転
UserCSS.icon
https://img.shields.io/badge/UserCSS-拡張打ち消し記法-1572B6.svg?logo=css3&style=for-the-badge