CSS 元素選取器：依標籤名稱套用樣式

也稱為 標籤選取器，是 CSS 中最基本的選取器之一，用於根據 HTML 標籤名稱選取元素，並自動套用樣式。

以下案例便是利用 元素選取器，將 HTML 元素的文字顏色進行設定。

小提醒

元素選取器 是很常使用到的選取器，屬於低權重的選取器，套用的範圍較廣。因此，常作為 CSS 初始化使用，若設定不夠周詳，會有牽一髮動全身的狀況發生。

群組化

多個標籤共用同一組樣式時，用逗號分隔：

css

h1,
h2,
h3 {
  margin-block: 0 0.5em;
  line-height: 1.3;
}

p,
li {
  line-height: 1.8;
}

元素選取器的權重很低，作用範圍卻很廣，最適合拿來鋪 全站的基底樣式：

css

body { font-family: system-ui, sans-serif; color: #333; }
a { color: #2965f1; text-decoration: none; }
img { max-width: 100%; height: auto; }

之後個別元件再用類別選取器覆蓋即可。

小提醒

元素選取器適合做什麼？

適合設定全站的基底樣式，例如：段落的行高、標題的字重、連結的顏色。它權重低，之後用類別就能輕鬆覆蓋。

為什麼說它牽一髮動全身？

因為它會選到整份文件中同名的所有標籤。基底樣式若設得太細，日後每個特例都得寫額外規則去覆蓋，反而更難維護。

要一次設定多個標籤怎麼寫？

用逗號把選取器串起來就是群組化，它們會共用同一組宣告。注意群組中只要有一個選取器寫錯，整條規則都會失效。