通常は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の優先順位のルールは各自調べてください。
↧