前一篇提到我認識了 CSS Selector，也知道可以直接用標籤來選擇要修改的內容。

例如：

h1 {
    color: red;
}

這樣網頁裡的 <h1> 都會變成紅色。
但昨天文章最後也留下了一個問題：

「如果我只想修改其中一個 <h1> 或 <p> 呢？」

於是 Class selector就出現啦！　

在 HTML 裡，可以幫元素加上一個 class：

<p class="important">這是一段重要的文字。</p>

接著在 CSS 裡，用 . 加上 class 名稱：

.important {
    color: red;
}

這樣 CSS 就會找到有 important 這個 class 的內容，套用指定的樣式。
學到這裡，我覺得 Class 有點像是幫網頁內容貼上一個分類標籤。
例如同樣都是 <p>，有些是一般說明，有些是特別重要的內容，就可以讓它們分別使用不同的 class。
而且同一個 class 也可以套用在不同的元素上，如果要做比較複雜的網頁應該就方便很多了！

Day 15，認識 Class selector。