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

::before 偽元素用于在元素的開頭插入一些內容。你可以使用它來插入一些裝飾性的元素，如 “ ” 符號、裝飾圖案等等。下面是一段偽代碼：

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

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

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

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

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