愚痴記法
用法と用量をああああ
CSS当てられていないから無理そう
This is a pen.
これはペンです
style.css/*.deco-\& {color:transparent;background-color:grey}*/
/*.deco-\&:hover {color:white;opacity:1}*/
.deco-\&:not(:hover) {color:transparent;background-color:grey}
.deco-\&:not(:hover) a.page-link {color:transparent;}
.deco-\&:not(:hover) a.icon {visibility:hidden;}
.deco-\&:not(:hover) img {filter:contrast(0);}
この不届き者~
マウスホバーで黒背景白地になっていたのを黒いのが消えるだけにした

愚痴を書くつもりではないところで使いたいので、文字隠し記法という名前に変えてみてはどうでしょう
マウスホバーでは表示せず、カーソルを置いたタイミングでのみ表示するようにしたい

見ようとしない限り見れないようにしたいというのと、マウスホバーだとスマホでやるのちょっときつそう
only-cursor-line.css/*.line .deco-\& {color:transparent;background-color:grey}*/
/*.line.cursor-line .deco-\& {color:white;opacity:1}*/
.line:not(.cursor-line) .deco-\& {color:transparent;background-color:grey}
.line:not(.cursor-line) .deco-\& a.page-link {color:transparent;}
.line:not(.cursor-line) .deco-\& a.icon {visibility:hidden;}
.line:not(.cursor-line) .deco-\& img {filter:contrast(0);}
問題点
カーソルを置いた時に表示が変わる要素は文字を読まなければいけなくなる
画像を表示するにはクリックして拡大表示するしか無い
アイコン記法は文字で読まなければいけない