css學習14 偽元素選擇器

2021-10-19 08:33:30 字數 990 閱讀 5457

偽選擇器分兩種:偽元素和偽類。

1、::first-line選擇器

: :first-line選擇器匹配文字塊的首行。

type


="text/css"


>


::first-line


style


>


>


ahahah


aadhfasdf


asdfadsf


p>
無論視窗怎麼變，都只應用在第一行。

2、::first-letter選擇器

選取文字塊的首字母。

::first-letter


aaasdfads


aaasdfads
每個p的內容首字母都作用。

3、:before和:after選擇器

這兩個選擇器跟之前的選擇器都不太一樣，因為它們會生成內容，並將其插人文件。

type


="text/css"


>


a:before


style


>
插入a元素內容之後。

4、css計數器

type


="text/css"


>


body


p:before


style


>
要建立計數器，需要使用專門的counter-reset屬性為計數器設定名稱:counter-reset: paracount;

這一行**會初始化名為paracount的計數器，將它的值設定為1。

也可以指定其他初始值:counter-reset: paracount 10;

定義多個：counter-reset: paracount 10 othercounter;

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查漏補缺14 偽元素選擇器

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