前幾篇講到我怎麼認識 CSS 的 Selector。
先從直接選擇 HTML 標籤，到 Class，再到 ID，慢慢學會怎麼找到自己想修改的元素。

今天又學習了一件事情，如果我的 HTML 是長這樣：

<div>
    <h1>我的作品</h1>
    <p>這是一段作品介紹。</p>
</div>

那我想針對這個 div 裡面的 設定樣式的話，就可以寫：

div p {
    color: red;
}
div p {
    color: red;
}

這裡的意思不是單純選擇所有的 ，而是：

「找到 div 裡面的 p。」

我覺得前幾天的 Selector 比較像是在想：

「我要找哪一種？」

「我要找哪一類？」

「我要找哪一個？」

今天則多了一個條件：

「我要找的是誰裡面的誰？」

我開始注意到原來不只是把內容整理得比較整齊而已。
CSS 也可以利用這些結構來找到指定的元素！
例如一個網頁裡可能有很多 ，但如果我只想修改某個區塊裡的文字，就不一定要全部一起修改。
這在之後做比較複雜的網頁時應該也蠻重要！

HTML 的結構和 CSS 的選擇，其實是連在一起的。前面學 HTML 時建立的那些層次，到了 CSS 這裡又派上了用場。

Day 17，對於 HTML 和 CSS 之間結構關係的理解再前進了一小步。