CSS入門 :linkと:visitedでページのリンクにCSSを適用する

2022年10月20日

環境
Google Chrome　106.0.5249.119
Windows 10 Home 64bit

構文
1.まだ見ていないページのリンク
セレクター名:link{
}
a:linkは、まだ見ていないページのリンクにCSSを適用します。
2.すでに見たページのリンク
セレクタ名:visited{
}
a:visitedは、すでに見たページのリンクにCSSを適用します。

使用例

<!DOCTYPE html>
<html>
<head>
<style>
  a:link {
    color: yellow;
  }
   a:visited {
    color: red;
  }
</style>
</head>
<body>

  <a href="https://arkgame.com/" >arkgame</a>
</body>
</html>

CSS

Posted by arkgame