元素選擇器（Type Selectors）也可以稱作「標籤選擇器」。我們可以在 HTML 文件中，選擇任何的 HTML 元素，並對選中的標籤元素來處理樣式。不過，由於 <head> 部分的標籤（如 <meta>, <title> 等）不會顯示在網頁的可見區域，因此對這些標籤的樣式設置不會產生效果。
<h1>我是 H1 標籤</h1>
<p>我是 P 標籤</p>
<p>我也是 P 標籤</p>
h1 {
color: royalblue
}
p {
background-color: lightblue;
padding: 10px;
}
不過要注意的是，元素選擇器有一個局限性：它無法對相同類型的元素應用不同的樣式。
在上述範例中，如果你想為第二段的 <p> 元素設置不同的背景顏色，僅使用元素選擇器是不夠的。這種情況下，你需要使用其他類型的選擇器來達成目標。
因此，儘管元素選擇器很方便，但在處理需要不同樣式的情況時，還需要額外的選擇器，比方說下一篇會講到的類選擇器。
本文將同步更新至 Lala Code
iThome鐵人賽
看影片追技術