CSS偽元素是一種在HTML文檔中添加特定樣式的技術。它們可以在不添加額外標記的情況下控制元素的外觀和行為。現在，我們來介紹所有的偽元素樣式。

偽元素可以分為兩類：偽元素和偽類。偽類是一種控制元素的狀態或行為的方式，它們與CSS選擇器結合使用。偽元素則是在元素前或后插入樣式的方式。

偽元素

::before        在元素之前插入內容
::after         在元素之后插入內容
::first-letter  選擇第一個字母
::first-line    選擇元素的第一行
::selection     選擇用戶選中的文本

::before和::after偽元素允許我們在元素前或后插入內容，而無需對HTML結構進行任何更改。這些偽元素可以用來插入圖標、注釋、引用等其他元素。

::first-letter偽元素允許我們選擇一個元素的第一個字母，并應用樣式。這是一種常用的技術，可以為標題和段落添加特殊效果，例如下劃線、大寫字母、不同的字體等。

::first-line偽元素用于選擇一個元素的第一行，并應用樣式。這是一個非常有用的技術，可以幫助我們設計具有特定外觀的模塊。

::selection偽元素用于選擇用戶在文本上進行的選擇，并應用樣式。這個偽元素可用于創建可視化效果，例如選擇文本后的高亮反色。

偽類

:active      等待被操作（例如，按鈕在按下狀態）
:checked     選中的輸入控件
:disabled    禁用的輸入控件
:empty       沒有子元素的元素
:first-child 元素的父元素中的第一個子元素
:focus       獲得焦點的元素
:hover      元素上鼠標懸停時
:link        鏈接的未訪問部分
:not         不匹配選擇器的元素
:visited     鏈接的已訪問部分

偽類是CSS用來選擇元素的另一種方式。它們允許我們根據元素的狀態或其他條件為元素應用樣式。其中:active、:hover、:focus和:first-child偽類通常用于優化用戶體驗。

:checked、:disabled和:empty選擇器可用于確定元素是否被選中、禁用或為空。這些選擇器對于設計表單和表格非常有用。

:link、:visited和:not選擇器根據鏈接的狀態選擇元素。使用這些偽類可以幫助我們優化我們的鏈接設計，使其更易于識別和使用。

以上是所有偽元素和偽類的概論，希望這篇文章能夠幫助你更好地理解偽元素樣式。