CSS連結樣式定義

CSS :hover 僞類

CSS 參考手冊

定義和用法

:hover 僞類滑鼠移到元素上時向此元素添加特殊的樣式。

說明

這個僞類應用處于“懸停狀态”的元素。懸停定義為使用者訓示了一個元素但沒有将其激活。對此最常見的例子是将滑鼠指針移到 HTML 文檔中一個超連結的邊界範圍内。理論上，其他元素也可以處于懸停狀态，不過 CSS 沒有定義究竟是哪些元素。

激活的、已通路的、未通路的或者當有滑鼠懸停在其上的連結，它們會在支援 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" type="text/css"  href="css_syntax.asp">CSS Syntax</a>如果上面這個例子中的連結已通路過，那麼它會顯示為紅色。

執行個體

規定連結的顔色：

a:visited {

   color: #00FF00