投稿数 585
公開から 2940

【CSS】aタグのリンクの色が変わるのを無効にする


Categories: css

はじめに状況

aタグに設定した色があるのに、 遷移済みのリンクの色が別の色になってしまう。 余計なおせっかいってやつ。

こうすればよい

a:visited{
  color: inherit;
}

解説

a:visitedは既に遷移済みのリンクに対しての擬似クラス。 それにinheritを設定する。 inheritは「親のやつを受け継ぐ」ということ。 この場合の親はaタグのことになる。 これにより、遷移済みのページに関しても常にaタグに設定した色になる。

ついでにまとめてやっとくのがおすすめ

a,
a:visited,
a:hover,
a:active {
  color: inherit;
}