More than 3 years have passed since last update.

Stylishの設定が反映されない（Linkを訪問済みの場合は色を変えたいのに変わらない問題）

Last updated at 2021-07-16Posted at 2021-07-16

通常はCSSをサイト外から直接触る拡張機能
stylish（CSSを拡張機能から触るものなら何でもok。）
これらを使えば問題なく動きます。
でもサイトによってはstylishの設定が反映されない場合があります。

悩み

stylishを設定しても反映されない。

例
stylishでこのように設定してみます。

a:visited {
    color: #00FF00;
}

しかしリロードしても反映されませんでした。
この問題を解決します。

例えば、

<a style="color: #0000FF;" href="https://www.google.com/">google</a>

このように直接タグに色を指定していると、CSSの優先順位によってstylishの設定が反映されません。

a:visited {
    color: #00FF00 !important;
}

と!importantを設定して強制的に反映させます。

CSSはより細かく指定するほうが優先されるからです。通常サイト制作時にこの!importantを使うのは禁じ手ですが、今回のような場合には有用です。
CSSの優先順位のルールは各自調べてください。