【CSS】aタグのリンクの色が変わるのを無効にする
Categories:
css
はじめに状況
aタグに設定した色があるのに、 遷移済みのリンクの色が別の色になってしまう。 余計なおせっかいってやつ。
こうすればよい
a:visited{
color: inherit;
}
解説
a:visitedは既に遷移済みのリンクに対しての擬似クラス。 それにinheritを設定する。 inheritは「親のやつを受け継ぐ」ということ。 この場合の親はaタグのことになる。 これにより、遷移済みのページに関しても常にaタグに設定した色になる。
ついでにまとめてやっとくのがおすすめ
a,
a:visited,
a:hover,
a:active {
color: inherit;
}