元素選擇器：如上面的p{}，實實在在的存在的元素。
偽元素選擇器：dom中不存在的元素，僅僅是css中用來渲染，新增一些特殊效果的，比如p::before，選擇p標籤（真元素）前面的假元素（偽元素，p標籤前面沒有元素，只是假設有）
類選擇器：真實有的類，我們自己正兒八經定義的類，如p.test1，選擇p標籤（元素選擇器）具有類test1的所有元素，這個類是具體的，形象的，看得見的
偽類選擇器：乙個概念上的類，不是我們定義的，是抽象的。如a:hover，選擇a標籤（元素選擇器）中具有滑鼠懸停類的所有元素，這個類是抽象的，不是我們自己定義的，再如first-child，選擇第乙個，選擇具有這個類性質的所有元素，「第乙個」，這個類就抽象了，我們沒必要定義乙個第乙個這樣的類**或參考：偽類選擇器和偽元素選擇器簡單理解
p.test1a:hover
p::before
pclass="
test1
">test1
class=""test2>test2
"...
">tag a
元素選擇器：如上面的p{}，實實在在的存在的元素。
偽元素選擇器：dom中不存在的元素，僅僅是css中用來渲染，新增一些特殊效果的，比如p::before，選擇p標籤（真元素）前面的假元素（偽元素，p標籤前面沒有元素，只是假設有）
類選擇器：真實有的類，我們自己正兒八經定義的類，如p.test1，選擇p標籤（元素選擇器）具有類test1的所有元素，這個類是具體的，形象的，看得見的
偽類選擇器：乙個概念上的類，不是我們定義的，是抽象的。如a:hover，選擇a標籤（元素選擇器）中具有滑鼠懸停類的所有元素，這個類是抽象的，不是我們自己定義的，再如first-child，選擇第乙個，選擇具有這個類性質的所有元素，「第乙個」，這個類就抽象了，我們沒必要定義乙個第乙個這樣的類
屬性選擇器，偽類選擇器，偽元素選擇器
屬性選擇器 1doctype html 2 html lang en 3 head 4 meta charset utf 8 5 title 屬性選擇器 title 6 style 7 屬性匹配 8 label for 12 屬性名匹配 13 label for pwd 17 以什麼結尾匹配 18 ...
偽元素和偽元素選擇器
偽元素 after和 before after是乙個css偽元素，使用 after，你可以從css裡往頁面上新增內容 不再要在html裡有相應的東西 雖然最終生成的東西並不是真正的dom裡的內容，但這些內容能像普通內容一樣顯示，基本的效果是這樣的 雙冒號 和單冒號 的區別 所有支援css3的雙冒號 ...
偽元素選擇器
1.before選擇器 before偽元素選擇器用於在被選元素的內容前面插入內容，必須配合content屬性來指定要插入的具體內容。格式如下 元素 before是指使用標識語言 markup language 通過一系列設計 建模 和執行的過程將電子格式的資訊通過網際網路傳輸，最終以圖形使用者介面 ...