css - CSSがChromeのリンクに影響を与えない

Question

リンクの色を変更しようとしています。デフォルトでは青に設定されており、それをオーバーライドしたいと考えています。私は次のことをしました：

#site-links a:link{color:red;}

そして Chrome の Inspect Element では、他のすべてのスタイルをオーバーライドするスタイルでした。ただし、リンクは青のままでした。ただし、Firefox では、リンクが赤色になりました。どうすればこれを修正できますか?

Answer 1

:link訪問したことのないリンクを具体的にターゲットにします。先に進み、クロムでアクセスしたと仮定します。必要に応じて各ケースをターゲットにすることで修正できます。

a:link    { color: red; }      /* unvisited link  */
a:visited { color: blue; }     /* visited link    */
a:hover   { color: green; }    /* mouse over link */
a:active  { color: yellow; }   /* selected link   */

Answer 2

ルールの優先順位を高くする方法の 1 つは、ルールに重要事項を記載することです。

a:link { color: red ! important }

また、Chrome inspector では、何が起こっているかをより適切に制御するために、検査対象の要素の状態を強制することができます

要素インスペクターで、右ペインの「スタイル」バーの上部に移動します。次のオプションがあります。

「要素の状態を切り替え」

そこで、 :visited ステータスをチェック/チェック解除できます