首頁 > web前端 > 前端問答 > css3連結偽類有哪些

css3連結偽類有哪些

青灯夜游
發布: 2021-12-09 15:31:59
原創
2672 人瀏覽過

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

css3連結偽類有哪些

本教學操作環境: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中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板