CSS Selector

選取器 (Selector) 是 CSS 中用來選擇 HTML 元素並應用樣式的模式。它們可以根據元素的名稱、ID、類別、屬性或結構的特性來選擇目標元素。大致可分為三類，每類選取器各有其應用場景與特性。

基本選取器

根據元素名稱、ID、類別、屬性或偽類直接選取目標元素。語法簡單、適用於單一條件選取，但範圍較寬，可能影響非目標元素。因此，快速針對某一特定條件設定樣式較適合。

通用、 元素、 ID、 類別、 屬性、 偽類

複合選取器

結合多個條件或利用元素間的結構關係 (如: 後代、鄰接、直屬關係)。因此，選取較為精確，能有效地針對特定結構中的元素進行樣式設定。適合處理較複雜的 HTML 結構，尤其是需要細節調整與精細控制時；相對地，也別忘了精確篩選的背後所耗費的成本。

後代、 直屬後代、 同層、 鄰接同層

偽元素

偽元素是 CSS 中的一種特殊選取器，用於選取元素的特定部分或生成內容，這些部分通常無法直接透過標籤或屬性選取。例如，可以使用偽元素選取段落的第一行文字或第一個字母，或者在元素內容的前後插入內容。

無中生有、 背景遮罩、 佔位符