CSS的偽元素是一種類(lèi)似于 CSS 選擇器的方法，可以選擇 HTML 元素的前面或后面的內(nèi)容，而不需要添加額外的 HTML 或 JavaScript。其中，有兩個(gè)最常用的偽元素：::before 和 ::after。

::before 偽元素用于在元素的開(kāi)頭插入一些內(nèi)容。你可以使用它來(lái)插入一些裝飾性的元素，如 “ ” 符號(hào)、裝飾圖案等等。下面是一段偽代碼：

.demo::before {
content: " ";
display: block;
height: 30px;
width: 30px;
background-color: #333;
}

上面的代碼使用了 ::before 偽元素來(lái)插入一個(gè)黑色的方塊。你可以通過(guò) content 屬性來(lái)定義要插入的內(nèi)容，display 屬性來(lái)定義偽元素的類(lèi)型，height 和 width 屬性來(lái)定義元素的大小，background-color 屬性來(lái)定義元素的顏色。

::after 偽元素用于在元素的末尾插入一些內(nèi)容。你可以使用它來(lái)添加一些文本、圖標(biāo)、注釋等等。下面是一段偽代碼：

.demo::after {
content: "Click me!";
display: block;
font-size: 24px;
color: #f00;
}

上面的代碼使用了 ::after 偽元素來(lái)添加一個(gè)文本 “Click me!”。你可以通過(guò) content 屬性來(lái)定義要插入的內(nèi)容，display 屬性來(lái)定義偽元素的類(lèi)型，font-size 屬性來(lái)定義文本的大小，color 屬性來(lái)定義文本的顏色。