一，區別：
偽元素選擇器：選擇部分內容
偽類選擇器：選擇元素整體
二，偽元素選擇器屬性：
（部分瀏覽器可以識別單冒號，比如before，after，但是不建議這麼使用）
1，::selection：選擇指定元素中被使用者選中的內容
2，::before：可以在內容之前插入新內容
3，::after：可以在內容之後插入新內容
4，::first-line：選擇指定選擇器的首行
5，::first-letter：選擇文字的第乙個字元
總結：
1，無論做什麼樣式設計，除了語法，也要了解效果
2，偽類和偽元素的概念要分清：
1）單冒號，雙冒號
2）內容：偽類範圍大，偽元素的範圍小
>
>
rel=
"stylesheet"
href
="test8.css"
>
head
>
>
>
慕課網1
偽元素選擇器：選擇部分內容
偽元素選擇器：選擇部分內容
偽元素選擇器：選擇部分內容
偽元素選擇器：選擇部分內容
偽元素選擇器：選擇部分內容
偽類選擇器：選擇元素整體p
>
>
慕課網2
偽元素選擇器：選擇部分內容
偽元素選擇器：選擇部分內容
偽元素選擇器：選擇部分內容
偽元素選擇器：選擇部分內容
偽元素選擇器：選擇部分內容
偽類選擇器：選擇元素整體p
>
>
慕課網3
偽元素選擇器：選擇部分內容
偽元素選擇器：選擇部分內容
偽元素選擇器：選擇部分內容
偽元素選擇器：選擇部分內容
偽元素選擇器：選擇部分內容
偽類選擇器：選擇元素整體p
>
body
>
html
>
p::before
p::after
p::first-letter
p::first-line
p::selection
偽元素選擇器
1.before選擇器 before偽元素選擇器用於在被選元素的內容前面插入內容，必須配合content屬性來指定要插入的具體內容。格式如下 元素 before是指使用標識語言 markup language 通過一系列設計 建模 和執行的過程將電子格式的資訊通過網際網路傳輸，最終以圖形使用者介面 ...
屬性選擇器，偽類選擇器，偽元素選擇器
屬性選擇器 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的雙冒號 ...