css3連結偽類有哪些

css3連結偽類有5個，分別為：1、“:link”，設定未被訪問的連結的樣式；2、“:visited”，設定已經被訪問的連結的樣式；3 、“:hover”，設定將滑鼠懸浮在連結上的樣式；4、“:active”；5、“:focus”。

本教學操作環境：windows7系統、CSS3&&HTML5版、Dell G3電腦。

什麼是css連結偽類？

css連結偽類就是css內建類，css內部本身賦予它一些特性和功能，用來為連結添加特殊的效果。

css連結偽類別是用來為連結添加特殊效果。

CSS偽類別是用來添加一些選擇器的特殊效果，是用於已有元素處於某種狀態時為其添加對應的樣式，這個狀態是根據用戶行為而動態變化的。

用於連結的幾個偽類元素

• :link--用這個可以設定未被存取的連結的樣式

• :visited--用這個設定已經被存取的連結的樣式

• #:hover--用來設定將滑鼠懸浮在連結上的樣式

• :active--用來設定滑鼠點擊連結時到滑鼠放開時的樣式

• :focus--用於設定用鍵盤將焦點放在連結上時的樣式(如用tab鍵或上下鍵來移動頁面焦點時)

#正常的未被訪問過的連結

a:link {
    text-decoration: none;
}

已經訪問過的鏈接

a:visited {
    text-decoration: none;
}

滑鼠劃過(停留)的鏈接

a:hover {
    text-decoration: none;
}

正在點擊的鏈接，滑鼠在元素上按下還沒有鬆開

a:active {
    text-decoration: none;
}

取得焦點的時候滑鼠放開時顯示的顏色

a:focus {
    text-decoration: none;
}

（學習影片分享：css影片教學）

以上是css3連結偽類有哪些的詳細內容。更多資訊請關注PHP中文網其他相關文章！