Last-modified: 2011-12-26 (月) 01:24:43
HTML・CSS/訪問済みかどうかによって、見た目を変える(link・visited)


確認したときの環境 †

↑

方法 †

  1. 訪問済みリンクは、visited疑似クラス
    未訪問リンクは、link疑似クラスを使う。
    Everything is expanded.Everything is shortened.
      1
  2
  3
  4
  5
  6
  7
  8
  9
 10
 11
 12

     
-
|
|
|
!
 
-
|
|
|
!

    /* 訪問済み時のリンク */
a:visited {
    color: #a63d21;
    background-color: inherit;
    text-decoration: none;
}
/* 未訪問時のリンク */
a:link {
    color: #2163A6;
    background-color: inherit;
    text-decoration: none;
}