偽物件（偽元素）選擇器

2021-10-03 10:14:14 字數 799 閱讀 9494

偽物件（偽元素）選擇器，一共5個，權重是1

1） :after或者::after與content屬性一起使用，定義在物件後的內容

div:after


div:after
2）:before或者::before與content屬性一起使用，定義在物件前的內容

div:before


div:before
3） :first-letter或者::first-letter定義物件內第乙個字元的樣式

注：該偽元素只能用於塊元素

div:first-letter{}
4） :first-line或者::first-line 定義物件內第一行的樣式

注：該偽元素只能用於塊元素

div:first-line  {}
5） ::selection 選中之後的樣式 只支援這background color屬性

div::selection{}
注意點：

前面的4個可以是雙冒號也可以是單冒號， 但是::selection必須是雙冒號

偽類和偽物件選擇器的區別

1、偽類選擇器只能是：，偽物件（偽元素選擇器）：也可以::

2、偽類選擇器的權重是10 偽物件選擇器的權重是1

3、偽類選擇器分很多類，但是偽物件選擇器就5個

偽元素和偽元素選擇器

偽元素 after和 before after是乙個css偽元素，使用 after，你可以從css裡往頁面上新增內容 不再要在html裡有相應的東西 雖然最終生成的東西並不是真正的dom裡的內容，但這些內容能像普通內容一樣顯示，基本的效果是這樣的 雙冒號 和單冒號 的區別 所有支援css3的雙冒號 ...

偽元素選擇器

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 ...