CSS是前端開發中非常重要的技能之一，其中的偽類和偽元素也是開發中經常用到的概念。偽類和偽元素分別用來描述非文檔樹中的元素狀態和生成的內容，它們都能夠實現我們非常豐富的樣式設計，讓頁面更加豐富多彩。

以下列舉了一些常見的偽類和偽元素名稱及其使用場景：

:pseudo-class {
/* 普通樣式代碼 */
}
::pseudo-element {
/* 生成內容的樣式代碼 */
}

其中，偽類使用單冒號(:)表示，而偽元素則使用雙冒號(::)表示。下面是一些常見的偽類名稱以及它們的使用場景：

• :hover - 當鼠標指針懸停在元素上時，觸發樣式
• :active - 當元素被激活時（例如當用戶點擊了一個按鈕），觸發樣式
• :visited - 當鏈接被訪問過時，觸發樣式
• :nth-child() - 選擇該元素的某個特定兄弟節點，用于實現條紋和表格樣式等
• :focus - 當元素獲得焦點時，觸發樣式
• :not() - 反選某個元素

接下來是一些常見的偽元素名稱及其使用場景：

• ::before - 在元素之前插入生成的內容
• ::after - 在元素之后插入生成的內容
• ::first-letter - 選擇元素的第一個字母并對其進行樣式化
• ::first-line - 選擇元素第一行并對其進行樣式化
• ::placeholder - 更改表單輸入框的占位符文本樣式

偽類和偽元素的使用可以讓我們在頁面設計中更加自由和靈活，也能夠實現許多精美的樣式效果。希望本文能對您有所幫助。