説明
1 日に数回 imgur.com にアクセスし、認知負荷を軽減するために、既に表示したリンク/画像を非表示にしたいと考えています。
MDN Privacy と :visited selector article で読んだことから、疑似セレクターにはいくつかの制限があり:visited
ます。したがって、以下のようなルールは機能しません。
:visited {
opacity: .1; /*don't work*/
}
テスト済み
すべての画像を不透明度 null で定義してから、アクセスしていない画像をリセットしようとしましたが、結果は同じです。
a img {
opacity: 0.1;
}
a:not(:visited) img { /* don't work */
opacity: 1 !important;
}
質問
訪問したリンクの子であるときに画像が非表示になったり、不透明度が低下したりするように、CSS のみを使用するハック/方法はありますか?
CSS のみの制約は、Firefox のアドオン スタイリッシュ の使用によるものです。