在CSS中，每一個屬性都有不同的優(yōu)先級。這個優(yōu)先級的概念非常的重要，因為當(dāng)有多個樣式應(yīng)用于一個HTML元素時，CSS會采用優(yōu)先級的規(guī)則來確定哪一個樣式會被應(yīng)用。

CSS優(yōu)先級一般按照以下順序來比較：

1. 最高優(yōu)先級：!important
2. 行內(nèi)樣式(style屬性)
3. ID選擇器(#id)
4. 類選擇器(.class)
5. 屬性選擇器([type="text"])
6. 偽類選擇器(:hover)
7. 元素選擇器(p,div,span等)
8. 通配符選擇器(*)

比如，一個元素同時擁有類選擇器和元素選擇器賦予的樣式，則類選擇器的優(yōu)先級高于元素選擇器。

在實際的開發(fā)中，我們通常會使用class來定義一組相關(guān)的樣式。一個元素可以同時擁有多個class，這樣就可以同時應(yīng)用多個樣式。例如：

<p class="text-red bg-yellow font-bold">這是一段帶有多個樣式的文字</p>

在這個例子中，p元素同時擁有三個class：text-red、bg-yellow、font-bold。這三個class定義了文字的顏色、背景色和字體粗細(xì)。當(dāng)元素同時擁有多個class時，CSS會按照class在HTML元素中的順序來應(yīng)用樣式。例如，在上面這個例子中，text-red的樣式優(yōu)先級高于bg-yellow和font-bold，因為text-red出現(xiàn)在前面。

當(dāng)然，我們也可以使用多個class來組合應(yīng)用不同的樣式。例如：

<p class="text-red">這是紅色的文字</p>
<p class="bg-yellow">這是黃色的背景</p>
<p class="font-bold">這是粗體的文字</p>
<p class="text-red bg-yellow">這是紅色文字、黃色背景</p>
<p class="text-red font-bold">這是紅色粗體文字</p>
<p class="bg-yellow font-bold">這是黃色粗體文字</p>

上面這些例子展示了如何使用多個class來應(yīng)用不同的樣式。需要注意的是，在CSS的優(yōu)先級比較中，class選擇器的優(yōu)先級相對較低，因此當(dāng)多個class應(yīng)用于同一元素時，樣式應(yīng)用的順序很重要。