詳解逆引きHTML+CSS辞典

リンク - リンク先をすでに見たかどうかで表示を切り替えたい

登録タグ
Icon comment count 0
Icon stock count 0

リンク先をすでに見たかどうかで表示を切り替えたい

一度見たリンクは違う色で表示させたい

:link :visited リンク先

CSSのセレクタの中には、特定の状態になった要素だけを適用対象にできる疑似クラスというものがあります。その疑似クラスの中に、「リンク先をまだ見ていない(キャッシュしていない)リンク」だけを適用対象とする「:link」と、「リンク先をすでに見た(キャッシュしている)リンク」だけを適用対象とする「:visited」があります。これらのセレクタを使用することで、「まだ見ていないリンク」と「すでに見たリンク」に異なる表示指定を行うことができます。

a:link {             /* まだ見ていないリンク */
  color: blue;
  background: white;
}
a:visited {          /* すでに見たリンク *

出典情報

Medium

詳解逆引きHTML+CSS辞典

  • 著者: 大藤 幹

コメント

    コメントはありません