Css查漏補缺14 偽元素選擇器

2022-01-28 22:22:50 字數 794 閱讀 8696

doctype html

>

<

html

lang

="en"

>

<

head

>

<

meta

charset

="utf-8"

>

<

title

>偽元素選擇器

title

>

<

style

>

/*元素選擇器*/p

/*偽元素選擇器

*/p::before

p::after

a:before

/*div:first-letter

*/div:first-line

style

>

head

>

<

body

>

<

p>p標籤

p>

<

a href

="">a標籤

a>

<

div>

偽元素選擇器 用單冒號(:)和雙冒號(::)都可以,推薦使用雙冒號,和偽類選擇器做區分

在css3以前,偽類和偽元素都是使用的單冒號(:),只不過在css3的時候,w3c為了區分偽類和偽元素

css3中的偽類就是單冒號(:),偽元素就是雙冒號(:)

div>

body

>

html

>

css學習14 偽元素選擇器

偽選擇器分兩種 偽元素和偽類。1 first line選擇器 first line選擇器匹配文字塊的首行。type text css first line style ahahah aadhfasdf asdfadsf p 無論視窗怎麼變,都只應用在第一行。2 first letter選擇器 選取文...

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 表示第乙個字母 ...