<
!doctype html>
"en"
>
"utf-8"
>
"viewport" content=
"width=device-width, initial-scale=1.0"
>
偽元素選擇器<
/title>
/* 偽元素，表示頁面中一些特殊的並不真實的存在的元素（特殊的位置）
偽元素使用 :: 開頭
::first-letter 表示第乙個字母
::first-line 表示第一行
::selection 表示選中的內容
::before 元素的開始
::after 元素的最後
- before 和 after 必須結合content屬性來使用
*/p:
:first-letter
p::first-line
p::selection
div:
:before
div:
:after
<
/style>
<
/head>
hello<
/div>
lorem ipsum dolor sit amet consectetur adipisicing elit. tempora modi consequuntur voluptatum nihil aperiam obcaecati similique, a culpa repellat doloremque, temporibus architecto? delectus, totam error! nam necessitatibus voluptate rem provident.
<
/p>
<
/body>
<
/html>
CSS選擇器 偽元素選擇器
css選擇器 偽元素選擇器 偽元素以 開頭，用在選擇器後，用於選擇指定的元素。after選中之後的不存在的節點，可配合content屬性進行內容填充 section h3 after before選中之前的不存在的節點，可配合content屬性進行內容填充 section h3 before fir...
CSS選擇器（6） 偽元素
first letter用來選擇文字塊的第乙個字母。常用於給文字新增排版細節，例如首字母下沉。p first letter first lin用來匹配元素的第一行文字，應用一些特殊的樣式。p first line before和 after不是存在於標記中的內容，而是可插入額外內容的位置，儘管生成的...
CSS之偽類選擇器 偽元素
偽元素a link 未訪問的鏈結 a visited 訪問過的鏈結 a hover 滑鼠移動到鏈結上 a active 按住滑鼠不動的時候 提示 在 css 定義中，a hover 必須被置於 a link 和 a visited 之後，才是有效的。提示 在 css 定義中，a active 必須被...