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中文網其他相關文章!