1. Top
  2. CSS
  3. visited

CSS - visited

visited

解説

訪問済みのアンカー（A）エレメントの状態を規定する。

注意事項

visited疑似クラスは、ユーザーがリンク先のページを読み込もうとしている状態（active）、リンクがまだ一度も訪問されていない状態(link）、ユーザーがAエレメントの上にマウスを持ってきてクリックしようか考えている状態（hover）について設定するときに一緒に使用されることが多い。

visitedリンク上にマウスが来た場合は、hover疑似クラスが優先して適用される。

疑似クラスをAエレメント以外に適用しても効果はない。

例

次の例では、未訪問のリンクは赤で表示され、訪問済みのリンクは青で表示される。疑似クラスを使う場合にはコロン（:）を使うことに注意する。 

A:link   { color: red }           /* unvisited link */
A:visited  { color: blue }       /* visited links */

ページの先頭へ

!important　|　 @font-face　|　 @import　|　 active　|　 background　|　 background-attachment　|　 background-color　|　 background-image　|　 background-position　|　 background-repeat　|　 border　|　 border-bottom　|　 border-bottom-color　|　 border-bottom-style　|　 border-bottom-width　|　 border-color　|　 border-left　|　 border-left-color　|　 border-left-style　|　 border-left-width　|　 border-right　|　 border-right-color　|　 border-right-style　|　 border-right-width　|　 border-style　|　 border-top　|　 border-top-color　|　 border-top-style　|　 border-top-width　|　 border-width　|　 clear　|　 clip　|　 color　|　 cursor　|　 display　|　 filter　|　 float　|　 font　|　 font-family　|　 font-size　|　 font-style　|　 font-variant　|　 font-weight　|　 height　|　 hover　|　 left　|　 letter-spacing　|　 line-height　|　 link　|　 list-style　|　 list-style-image　|　 list-style-position　|　 list-style-type　|　 margin　|　 margin-bottom　|　 margin-left　|　 margin-right　|　 margin-top　|　 overflow　|　 padding　|　 padding-bottom　|　 padding-left　|　 padding-right　|　 padding-top　|　 page-break-after　|　 page-break-before　|　 position　|　 text-align　|　 text-decoration　|　 text-indent　|　 text-transform　|　 top　|　 vertical-align　|　 visibility　|　 visited　|　 width　|　 z-index　|