CSS偽元素是一種虛擬元素，它們不是HTML結構中實際存在的元素，而是在CSS中生成的。在CSS中，我們可以使用偽元素為一個元素的某個部分添加樣式。偽元素的使用可以在元素內添加一些輔助性的內容，例如尖頭、箭頭、圖標等等。這也被稱為“content生成技術”。

::before {
content: "";
position: absolute;
top: 0;
left: 0;
}

絕對定位是CSS中的一種定位方式，使用該方式可以將元素完全脫離文檔流，并根據指定的位置對其進行定位。在絕對定位中，使用的是相對于祖先元素的位置進行計算，請注意父級元素需要設置position屬性為relative或absolute。

在CSS中，使用偽元素時，我們可以將它們定位到相應的位置來實現內容的顯示效果。

.parent {
position: relative;
}
.parent::before {
content: " ";
position: absolute;
top: 0;
right: 0;
width: 20px;
height: 20px;
background-color: red;
}

如上代碼所示，我們在父級元素.parent中使用了相對定位，并在其偽元素before中使用了絕對定位。在此中，偽元素before使用了position: absolute;進行定位，再通過top和right屬性指定了其距離祖先元素的位置。同時，通過指定寬度和高度以及背景顏色，我們可以使before元素呈現一個紅色的正方形。