visitedを無効化

Question

a:visited {
color: #990099;
}

このcssを無効化にするにはどうしたらいいのでしょうか？
上記のcssはいじることができない大元のものなので打ち消す方法を教えてください。
何卒、よろしくお願いいたします。

Answer 1

リンクの色を残さない

すみません、こちらの意味が理解できていないのですが、

a:link { color: 00F !important; }
a:visited { color: 00F !important; }

このように!importantを設定すれば、とりあえずスタイル優先度が一番上になりますので上書き可能です。

ですが、!importantやaタグのような「要素セレクタ」にプロパティを与えることはそもそもあまりオススメできません。。
なぜなら、詳細度の高騰が発生した CSS は破綻しやすいからです。
これを続けると、追加開発などで上書きに上書きを繰り返し、CSSのが肥大化してしまう恐れがあります。

Answer 2

訪問済み、未訪問とリンクの色を残したくないんです。
という事であれば

a, a:visited {
  color : 適当な色;
}

の様にしてaと同じスタイルを指定するという形ですかね。

Comments

[i_ayu714]

返信が遅くなり、申し訳ございません。回答ありがとうございます。

a {
color: #330000;
}

a:visited {
color: #330000;
}

悩んだ末、aタグとvisitedを同じ色にするという解決にいたりました。
たくさんの回答嬉しい限りです。

Answer 3

a:visited {
  color:inherit;
}

これで上手くいったりします？ CSSの記述順にもよると思いますが。

Answer 4

a{
    color: #000;
}

aタグで指定すればvisitedも上書きされるかと思います

Comments

[kazuki.h]

a:linkやa:hoverなどもそうですが個々に指定されている場合は個々に詳細まで記載しないと上書きできないです

Answer 5

皆さんが言われてるように上書きかinitialでリセットでしょうか。

Answer 6

a:visited {
    color: #00F;
}

上書きではダメなのでしょうか

Comments

[i_ayu714]

訪問済み、未訪問とリンクの色を残したくないんです。
リンクの色を残さない方法を探しています。

[maru0014]

tanatさんもおっしゃっているように通常のリンクの色と同じ色で指定すればいいだけのような気がします。