在CSS中，我們可以通過“偽元素”來插入一些額外的元素，這些元素不需要通過HTML代碼進行手動添加，而是直接在CSS代碼中添加。

偽元素主要有兩種類型：偽元素（pseudo-elements）和偽類（pseudo-classes）。其中，偽元素用于向某個選擇器所選元素的前面或后面插入新的元素內容，而偽類則是用于選擇器本身所選元素的特殊狀態。

我們先來看一下如何使用偽元素來插入內容。偽元素可使用“::before”和“::after”來定義。例如，我們可以在某個元素前面通過“::before”偽元素插入一段文本：

.element::before {
content: "hello, world!";
}

在這個例子中，我們選中了所有類名為“element”的元素，并在其前面插入了一段文本“hello, world!”。我們還可以通過CSS中的其他屬性來自定義偽元素的樣式，例如：

.element::before {
content: "hello, world!";
display: inline-block;
background-color: #000;
color: #fff;
padding: 5px;
}

這個例子中，我們選擇了一個類名為“element”的元素，使用“::before”偽元素插入一段文本，并使用其他屬性來為這個偽元素添加樣式。這些樣式包括將文本顯示為行內塊元素，設置背景色為黑色，字體顏色為白色，以及為文本添加5像素的內邊距。

除了“::before”，我們還可以使用“::after”偽元素來在元素后面插入內容。例如：

.element::after {
content: "goodbye!";
}

在這個例子中，我們選中了所有類名為“element”的元素，并在其后面插入了一段文本“goodbye!”。

總結一下，使用CSS中的偽元素可以非常方便地插入一些額外的元素內容，而無需修改HTML代碼。我們可以通過偽元素的“::before”和“::after”定義來實現這個功能，并使用其他CSS屬性為這些偽元素進行樣式設置。