リンクの色が変わらないときの解決法

リンクがデフォルトの紫色でCSSが効いていないときは

aタグに　color:inherit;　を指定するとよい。

.link a{
  color:inherit;
  }

CSS の inherit は、継承する意味で

inherit指定をすると親要素の .link の色を継承する。

なので、下記のように記述するとaタグの色は赤色となる
↓

.link {
  color: red;
}

.link a{
  color:inherit;
  }