CSS 偽類與偽元素

2021-09-11 13:11:08 字數 500 閱讀 9861

根據用途分類的偽類總結圖和根據冒號分類的偽元素總結圖:

偽類與偽元素:css引入偽類和偽元素概念是為了格式化文件樹以外的資訊

偽類用於當已有元素處於的某個狀態時,為其新增對應的樣式,這個狀態是根據使用者行為而動態變化的。

偽元素用於建立一些不在文件樹中的元素,並為其新增樣式。

區別:偽類的操作物件是文件樹中已有的元素,而偽元素則建立了乙個文件數外的元素。因此,偽類與偽元素的區別在於:有沒有建立乙個文件樹之外的元素。

偽元素是使用單冒號還是雙冒號

css3規範中的要求使用雙冒號(::)表示偽元素,以此來區分偽元素和偽類,比如::before和::after等偽元素使用雙冒號(::),:hover和:active等偽類使用單冒號(:)。除了一些低於ie8版本的瀏覽器外,大部分瀏覽器都支援偽元素的雙冒號(::)表示方法。

雖然css3標準要求偽元素使用雙冒號的寫法,但也依然支援單冒號的寫法。為了向後相容,我們建議你在目前還是使用單冒號的寫法。

css 偽類 與 偽元素

偽類就是一種虛構的狀態或者說是一種具有特殊屬性的元素,可以使用 css 進行樣式修飾。偽類前面通常加乙個 之後跟上偽類的名字或括號裡面的值。常用的偽類 link visited hove active focus first child nth child 偽元素更像是虛擬的元素可以和 html 元...

css 偽類與偽元素

屬性 描述 link 向未被訪問的鏈結新增樣式。visited 向已被訪問的鏈結新增樣式。hover 當滑鼠懸浮在元素上方時,向元素新增樣式。active 向被啟用的元素新增樣式。focus 向擁有鍵盤輸入焦點的元素新增樣式。first child 向元素的第乙個子元素新增樣式 lang 向帶有指定...

css偽類與偽元素

css偽類 css 偽類用於向某些選擇器新增特殊的效果,語法結構如下 選擇器 偽類 注意 1 若 link visited hover和 active一起使用,hover 必須被置於 link 和 visited 之後,active 必須被置於 hover 之後,即 link visited hov...