元素選擇器(Type Selectors)也可以稱作「標籤選擇器」。我們可以在 HTML 文件中,選擇任何的 HTML 元素,並對選中的標籤元素來處理樣式。不過,由於 <head>
部分的標籤(如 <meta>
, <title>
等)不會顯示在網頁的可見區域,因此對這些標籤的樣式設置不會產生效果。
💠 元素選擇器-基本用法
1 | <h1>我是 H1 標籤</h1> |
1 | h1 { |
- 直接利用 HTML 標籤設置樣式
不過要注意的是,元素選擇器有一個局限性:它無法對相同類型的元素應用不同的樣式。
在上述範例中,如果你想為第二段的 <p>
元素設置不同的背景顏色,僅使用元素選擇器是不夠的。這種情況下,你需要使用其他類型的選擇器來達成目標。
因此,儘管元素選擇器很方便,但在處理需要不同樣式的情況時,還需要額外的選擇器,比方說下一篇會講到的類選擇器。
💠 總結
- 元素選擇器簡單易用,非常適合快速為頁面中所有相同類型的元素設置統一樣式。
- 由於元素選擇器只能設置統一的樣式,如果需要為特定元素應用不同的樣式,則應考慮使用類選擇器來實現更精細的控制。