偽元素和偽元素選擇器

2021-07-15 23:36:51 字數 386 閱讀 8985

偽元素::after和::before

::after是乙個css偽元素,使用::after,你可以從css裡往頁面上新增內容(不再要在html裡有相應的東西)。雖然最終生成的東西並不是真正的dom裡的內容,但這些內容能像普通內容一樣顯示,

基本的效果是這樣的:

雙冒號(::)和單冒號(:)的區別

所有支援css3的雙冒號(::)語法的瀏覽器都會支援單冒號(:)語法,但ie8只支援單冒號。建議只使用單冒號,以獲得最佳的瀏覽器支援。

雙冒號(::)是一種新語法,是用來將偽元素選擇器和偽元素區別開。如果不需要ie8支援,就用雙冒號(::)吧。

偽物件(偽元素)選擇器

偽物件 偽元素 選擇器,一共5個,權重是1 1 after或者 after與content屬性一起使用,定義在物件後的內容 div after div after2 before或者 before與content屬性一起使用,定義在物件前的內容 div before div before3 firs...

偽元素選擇器

1.before選擇器 before偽元素選擇器用於在被選元素的內容前面插入內容,必須配合content屬性來指定要插入的具體內容。格式如下 元素 before是指使用標識語言 markup language 通過一系列設計 建模 和執行的過程將電子格式的資訊通過網際網路傳輸,最終以圖形使用者介面 ...

偽類選擇器和偽元素選擇器簡單理解

元素選擇器 如上面的p 實實在在的存在的元素。偽元素選擇器 dom中不存在的元素,僅僅是css中用來渲染,新增一些特殊效果的,比如p before,選擇p標籤 真元素 前面的假元素 偽元素,p標籤前面沒有元素,只是假設有 類選擇器 真實有的類,我們自己正兒八經定義的類,如p.test1,選擇p標籤 ...