CSS入門 :linkと:visitedでページのリンクにCSSを適用する
環境
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/" target="_blank">arkgame</a>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<style>
a:link {
color: yellow;
}
a:visited {
color: red;
}
</style>
</head>
<body>
<a href="https://arkgame.com/" target="_blank">arkgame</a>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<style>
a:link {
color: yellow;
}
a:visited {
color: red;
}
</style>
</head>
<body>
<a href="https://arkgame.com/" target="_blank">arkgame</a>
</body>
</html>