昨天認識了 CSS 的 Class selector。
今天分享一個新的東西:
ID。
例如可以這樣寫:
<h1 id="title">我的作品集</h1>
然後在 CSS 裡用 # 找到它:
#title {
color: red;
}
這樣就可以針對這個指定的元素設定樣式。
跟昨天的 Class 比較起來,我目前的理解是:
Class 比較像是一個分類。
同一個 Class 可以讓多個元素使用。
而 ID 則比較像是幫某個元素取一個特定的名字,讓 CSS 可以更精準地找到它。
這樣想之後,好像就比較容易理解為什麼 CSS 需要不同的選擇方式。
如果今天網頁裡有很多標題,我可能會想把其中幾個歸到同一個 Class 裡,讓它們使用相同的樣式。
但如果有一個特別重要、需要單獨處理的元素,就可以使用 ID!
Day 16,認識 ID selector。
目前 CSS 選擇器又多了一種。