CSS選擇器(6) 偽元素

2022-01-13 04:18:33 字數 404 閱讀 4584

:first-letter用來選擇文字塊的第乙個字母。常用於給文字新增排版細節,例如首字母下沉。

p:first-letter

:first-lin用來匹配元素的第一行文字,應用一些特殊的樣式。

p:first-line

:before和:after不是存在於標記中的內容,而是可插入額外內容的位置,儘管生成的內容不會稱為dom的一部分,但它同樣可以設定樣式。

要為偽元素生成內容,還需要配合content屬性。在元素內容的最後面或者最前面插入生成內容。預設地,這個偽元素是行內元素,不過可以使用屬性 display 改變這一點。

h1:after 

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之偽類選擇器 偽元素

偽元素a link 未訪問的鏈結 a visited 訪問過的鏈結 a hover 滑鼠移動到鏈結上 a active 按住滑鼠不動的時候 提示 在 css 定義中,a hover 必須被置於 a link 和 a visited 之後,才是有效的。提示 在 css 定義中,a active 必須被...