CSS(3)——visited偽類
阿新 • • 發佈:2017-10-11
css_ 鏈接 -s 不同的 :link 訪問 style col ref
實例
規定鏈接的顏色:
a:link {color: #FF0000} /* 未訪問的鏈接 */a:visited {color: #00FF00}
/* 已訪問的鏈接 */ a:hover {color: #FF00FF} /* 當有鼠標懸停在鏈接上 */ a:active {color: #0000FF} /* 被選擇的鏈接 */
定義和用法
:visited 偽類向已訪問的鏈接添加特殊的樣式。
說明
激活的、已訪問的、未訪問的或者當有鼠標懸停在其上的鏈接,它們會在支持 CSS 的瀏覽器中以不同的方式顯示出來:
a:link {color: #FF0000} /* 未訪問的鏈接 */ a:visited {color: #00FF00} /* 已訪問的鏈接 */ a:hover {color: #FF00FF} /* 當有鼠標懸停在鏈接上 */ a:active {color: #0000FF} /* 被選擇的鏈接 */
註釋:為了產生預期的效果,在 CSS 定義中,a:hover 必須位於 a:link 和 a:visited 之後!!
註釋:為了產生預期的效果,在 CSS 定義中,a:active 必須位於 a:hover 之後!!
註釋:Pseudo-class(偽類)的名稱對大小寫不敏感。
註釋:偽類可與 CSS 類配合使用:
a.red:visited {color: #FF0000;}
<a class="red" href="css_syntax.asp">CSS Syntax</a>
如果上面這個例子中的鏈接已訪問過,那麽它會顯示為紅色。
CSS(3)——visited偽類