首頁 > web前端 > css教學 > css中偽類和偽元素有什麼差別

css中偽類和偽元素有什麼差別

王林
發布: 2020-07-17 17:25:42
轉載
4326 人瀏覽過

css中偽類和偽元素有什麼差別

一、定義差異

(推薦教學:css快速入門

偽類別

#偽類用來選擇DOM樹以外的訊息,或是不能用簡單選擇器來表示的訊息。前者包含那些符合指定狀態的元素,例如 :visited,:active;後者包含那些滿足一定邏輯條件的DOM樹中的元素,例如:first-child,:first-of-type,:target。

偽元素

偽元素為DOM樹沒有定義的虛擬元素。不同於其他選擇器,它不以元素為最小選擇單元,它選擇的是元素指定內容。例如::before表示選擇元素內容的之前內容,也就是"";::selection表示選擇元素被選取的內容。                

#二、語法差異

在CSS3中,偽類別與偽元素在語法上也有所區別,偽元素修改為以::開頭。但因為歷史原因,瀏覽器對以:開頭的偽元素也繼續支持,但建議規範書寫為::開頭。

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

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