HTML・CSSのvisitedが反映されない理由を教えてください。

Question

現在HTML・CSSの勉強を、本を見ながら進めています。

忙しくて前回から期間が開いてしまったので、復習がてら再度進め直しています。

前回進めていた時は、おそらく？反映されていたと思うのですが、訪問済みリンク（visited）がなぜか反映されません。

すごくモヤモヤしてしまいなかなか進みません。

参考書は「HTML&CSSとWebデザインが 1冊できちんと身につく本」です。
この本の第4章です。

@charset "utf-8";

body {
  margin: 0;
  padding: 0;
  background-color: #cccccc;
  color: #333333;
  font-size: 15px;
  line-height: 2;
}

p,h1,h2,h3,h4,h5,h6 {
  margin-top: 0;
}

img {
 vertical-align: bottom;
}

ul {
  margin: 0;
  padding: 0;
}

a {
  color: #3583aa;
  text-decoration: none;
}

a:visited {
  color: #788d98;
}

a:hover {
  text-decoration: underline;
}

aの部分の順番は間違っていないと思うので、原因がわかるかた教えてください。。

使っている環境？は、「Brackets」で、ブラウザはchromeです。

モヤモヤして進まないので、早急な回答をよろしくお願いします！

Answer 1

目視ではなく、スクリプトから確認しているのでしょうか？
そうであれば、プライバシー上の理由から正しく取得できなくなっています。

https://developer.mozilla.org/ja/docs/Web/CSS/:visited

色を変えることができますが、getComputedStyle メソッドは嘘をついて、常に未訪問のリンクの色を返します。

https://developer.mozilla.org/ja/docs/Web/CSS/Privacy_and_the_:visited_selector

特に、getComputedStyle() とそれに似た element.querySelector() のような関数は常に、ユーザがページ内のどのリンクも未訪問であることを示す値を返します。

CSS の :visited に行われるプライバシー対策
https://dev.mozilla.jp/2010/04/privacy-related-changes-coming-to-css-vistited/

http://takagi-hiromitsu.jp/diary/20081019.html
https://security.srad.jp/story/09/06/15/0317226/

Answer 2

動くサンプル：https://jsfiddle.net/v2ccuswf/

---

変わっています。色が近すぎてわからないだけでは。