首頁 > web前端 > 前端問答 > css偽類是什麼

css偽類是什麼

藏色散人
發布: 2023-01-06 11:13:10
原創
4100 人瀏覽過

css偽類是用來定義元素的特殊狀態,它可以用於:1、設定滑鼠懸停在元素上時的樣式;2、為已存取和未存取連結設定不同的樣式; 3.設定元素獲得焦點時的樣式。

css偽類是什麼

本文操作環境:Windows7系統、css3版、Dell G3電腦。

什麼是偽類別?

偽類別用於定義元素的特殊狀態。

例如,它可以用於:

  • 設定滑鼠懸停在元素上時的樣式

  • 為已訪問和未訪問連結設定不同的樣式

  • 設定元素獲得焦點時的樣式

語法

#偽類別的語法:

selector:pseudo-class {
  property: value;
}
登入後複製

錨定偽類別

連結能夠以不同的方式顯示:

實例

/* 未访问的链接 */
a:link {
  color: #FF0000;
}
/* 已访问的链接 */
a:visited {
  color: #00FF00;
}
/* 鼠标悬停链接 */
a:hover {
  color: #FF00FF;
}
/* 已选择的链接 */
a:active {
  color: #0000FF;
}
登入後複製

注意:a:hover 必須在CSS 定義中的a:link 和a:visited 之後,才能生效! a:active 必須在 CSS 定義中的 a:hover 之後才能生效!偽類名稱對大小寫不敏感。

偽類別和CSS 類別

偽類別可以與CSS 類別結合使用:

當您將滑鼠懸停在範例中的連結上時,它會改變顏色:

實例

a.highlight:hover {
  color: #ff0000;
}
登入後複製

#推薦學習:《css影片教學

以上是css偽類是什麼的詳細內容。更多資訊請關注PHP中文網其他相關文章!

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