偽物件(偽元素)選擇器,一共5個,權重是1
1) :after或者::after與content屬性一起使用,定義在物件後的內容
2):before或者::before與content屬性一起使用,定義在物件前的內容div:after
div:after
3) :first-letter或者::first-letter定義物件內第乙個字元的樣式div:before
div:before
注:該偽元素只能用於塊元素
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 ...