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

什麼是css偽類

藏色散人
發布: 2023-01-04 09:35:43
原創
2091 人瀏覽過

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

什麼是css偽類

本文操作環境:windows7系統、HTML5&&CSS3版、Dell G3電腦。

例如:當使用者停留在指定元素時,可以透過:hover來描述這個元素的狀態,雖然它和一般css相似,可以為已有元素添加樣式,但是它只有處於DOM樹無法描述的狀態下才能為元素新增樣式,所以稱為偽類。

在感覺上偽類別可以是動態的,當使用者和文件互動的時候一個元素可以取得或失去一個偽類別。例外的是":first-child"能透過文檔樹推斷出來,":lang"在某些情況下也在從文檔樹推斷出來。

由此可以看出,它的功能和class有些類似,但它是基於文件之外的抽象,所以叫偽類。

偽類別有::first-child ,:link:,vistited,:hover:,:active,:focus,:lang,:right,:left,:first

#何為偽類?

就是css內建類別css內部本身賦予它一些特性和功能,也就是你不用再class=...或id=...你就可以直接拿來使用,當然你也可以改變它的部分屬性例如:a:link{color:#FF0000;}

CSS很多的建議並沒有得到瀏覽器的支持,但有四個可以安全用在超連結上的偽類。

  • :link用在未存取的連線上。

  • :visited用在已經造訪過的連線上。

  • :active用來取得焦點(例如,被點擊)的連線上。

  • :hover 用於滑鼠遊標置於其上的連接。

【推薦學習:css影片教學

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

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