css中偽類與偽元素的區別

2021-09-24 09:50:02 字數 392 閱讀 4532

w3c標準對他們所得解釋

偽類:css偽類是用來新增一些選擇器的特殊效果。

由於狀態的變化是非靜態的,所以元素達到乙個特定狀態時,它可能得到乙個偽類的樣式;當狀態改變時,它又會失去這個樣式。由此可以看出,它的功能和class有些類似,但它是基於文件之外的抽象,所以叫偽類。 

偽元素:css偽元素是用來新增一些選擇器的特殊效果。

css偽元素控制的內容和元素是沒有差別的,但是它本身只是基於元素的抽象,並不存在於文件中,所以稱為偽元素。用於將特殊的效果新增到某些選擇器

偽類:(:active :focus :hover :link :visited :firstchild :lang);

偽元素:(:first-letter :first-line :before :after);

css 偽類 與 偽元素

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

css 偽類與偽元素

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

CSS 偽類與偽元素

根據用途分類的偽類總結圖和根據冒號分類的偽元素總結圖 偽類與偽元素 css引入偽類和偽元素概念是為了格式化文件樹以外的資訊 偽類用於當已有元素處於的某個狀態時,為其新增對應的樣式,這個狀態是根據使用者行為而動態變化的。偽元素用於建立一些不在文件樹中的元素,並為其新增樣式。區別 偽類的操作物件是文件樹...