一、區別： （1）偽元素主要是用來創建一些不存在原有dom結構樹種的元素，例如：用::before和::after在一些存在的元素前后添加文字樣式等，這些被添加的內容會以具體的UI顯示出來，被用戶所看到的，這些內容不會改變文檔的內容，不會出現在DOM中，不可復制，僅僅是在CSS渲染層加入 ...

css中的偽類和偽元素總是混淆，今天參考了很多資料，也查看了部分文檔，現將偽類及偽元素總結如下： 一、由來： 　　偽類和偽元素的引入都是因為在文檔樹里有些信息無法被充分描述，比如CSS沒有“段落的第一行”、“文章首字母”之類的選擇器，而這在一些出版場景里又是必須的，這一情況下出現的。引用標准中 ...

css選擇器常見包括id（#id）、標簽（tag）、class（.class）、屬性[attr=attrval]等，還包括偽元素和偽類選擇器。正確的利用偽元素和偽類能夠讓我們的html結構更清晰合理，也能在一定程度上減少js對dom的操作！ 定義 偽類包含兩種：狀態偽類和結構性偽類。 狀態偽 ...

偽類與偽元素的區別   在CSS1和CSS2中對偽類和偽選擇器沒有做出很明顯的區別定義，而二者在語法是一樣的，都是以:開頭，這造成很多人會將某些偽元素誤認為是偽類，如:before，:after；而在CSS3給出的定義中，二者區別更為明顯，也更容易理解。 一、定義 偽類 ...

一、什么是偽類、偽元素呢？ 偽類：偽類對元素的分類是基於特征，而不是基於元素的名字屬性或是內容。特征並不可以通過DOM樹直接獲得。 （偽類選擇器就是不存在與HTML文檔中，但是用CSS語法可以選擇它們，並對其能夠渲染修飾） 偽元素：偽元素創造文檔語言能夠指定的文檔樹之外的抽象 ...

偽類與偽元素的特性及其區別： 偽類本質上是為了彌補常規CSS選擇器的不足 偽元素本質上是創建了一個有內容的虛擬容器 CSS3中偽類和偽元素的語法不同； 偽類 :link :hover 偽元素 ::before ::after (偽類單冒號,偽 ...

偽類用於選擇DOM樹之外的信息，或是不能用簡單選擇器進行表示的信息。前者包含那些匹配指定狀態的元素，比如:visited，:active；后者包含那些滿足一定邏輯條件的DOM樹中的元素，比如:first-child，:first-of-type，:target。 （相當於一個特殊的class ...

1、類選擇器：class名 =>p.info {} //選擇class為info的所有p元素 2、id選擇器： id名 => #info {} //選擇id為info的元素 不能為多個元素同時設置相同的id 3、標簽選擇器：標簽名 => div {} //選擇所有 ...