當我們剛開始使用 CSS 時，可能會直接在 HTML 文件中使用style屬性來進行樣式的設置，例如以下代碼：

<p style="color: red; font-weight: bold">這是一個標題</p>

然而，這種方式往往容易導致代碼冗余，不易維護。因此，我們應該盡量將 CSS 樣式與 HTML 元素分離，并使用相應的選擇器來設置樣式。

不過，在某些特定的情況下，為了快速實現樣式效果，我們可能會選擇直接在 CSS 文件中使用原始的 CSS 屬性，例如：

p {
color: red;
font-weight: bold;
}

雖然這樣確實可以快速實現樣式效果，但它也容易造成代碼混亂，不易維護。因此，我們應該盡量消除原始 CSS 屬性的使用，而是使用更加語義化的屬性或選擇器來實現樣式。

例如，在上述代碼中，我們可以使用class屬性來設置樣式，如下所示：

<p class="title">這是一個標題</p>
.title {
color: red;
font-weight: bold;
}

使用類選擇器可以更加清晰地表達樣式的目的，也方便后期的修改和維護。

除了類選擇器之外，我們還可以使用偽類、偽元素等更加細致的選擇器來實現樣式，例如：

/* 鼠標懸停時改變鏈接顏色 */
a:hover {
color: blue;
}
/* 段落首行縮進 */
p::first-line {
text-indent: 2em;
}

通過選擇器的使用，我們能夠更加清晰地表達樣式的目的，并且代碼也更加易于維護。