iT邦幫忙

2026 iThome 鐵人賽

DAY 16
0

昨天認識了 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 選擇器又多了一種。


上一篇
Day 15|選擇器
下一篇
Day 17|結構
系列文
美術生的前端初體驗 : 從畫畫到網頁的30天 共 17 篇
圖片
  熱門推薦
圖片
{{ item.channelVendor }} | {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言