CSS3 4 偽元素選擇器

2022-02-26 00:54:01 字數 788 閱讀 4045

a)重點:e::before、e::after

i.是乙個行內元素,需要轉換成塊:display:block float:** position:

ii.必須新增content,哪怕不設定內容,也需要content:」」

iii.e:after、e:before 在舊版本裡是偽類,在新版本裡是偽元素,新版本下e:after、e:before會被自動識別為e::after、e::before,按偽元素來對待,這樣做的目的是用來做相容處理

iv.e::before: 定義在乙個元素的內容之前插入content屬性定義的內容與樣式

v.e::after: 定義在乙個元素的內容之後插入content屬性定義的內容與樣式

vi.注意:

1.ie6、ie7與ie8(怪異模式quirks mode)不支援此偽元素

2.css2中 e:before或者e:after,是屬於偽類的,並且沒有偽元素的概念,css3中 提出偽元素的概念 e::before和e::after,並且歸屬到了偽元素當中,偽類裡就不再存在e:before或者 e:after偽類

b)e::first-letter文字的第乙個字母或字(不是片語)

c)e::first-line 文字第一行

d)e::selection 可改變選中文字的樣式

瀏覽器渲染如下:

CSS選擇器 偽元素選擇器

css選擇器 偽元素選擇器 偽元素以 開頭,用在選擇器後,用於選擇指定的元素。after選中之後的不存在的節點,可配合content屬性進行內容填充 section h3 after before選中之前的不存在的節點,可配合content屬性進行內容填充 section h3 before fir...

css 偽元素選擇器

doctype html en utf 8 viewport content width device width,initial scale 1.0 偽元素選擇器 title 偽元素,表示頁面中一些特殊的並不真實的存在的元素 特殊的位置 偽元素使用 開頭 first letter 表示第乙個字母 ...

CSS選擇器(6) 偽元素

first letter用來選擇文字塊的第乙個字母。常用於給文字新增排版細節,例如首字母下沉。p first letter first lin用來匹配元素的第一行文字,應用一些特殊的樣式。p first line before和 after不是存在於標記中的內容,而是可插入額外內容的位置,儘管生成的...