在CSS中，每一个属性都有不同的优先级。这个优先级的概念非常的重要，因为当有多个样式应用于一个HTML元素时，CSS会采用优先级的规则来确定哪一个样式会被应用。

CSS优先级一般按照以下顺序来比较：

1. 最高优先级：!important
2. 行内样式(style属性)
3. ID选择器(#id)
4. 类选择器(.class)
5. 属性选择器([type="text"])
6. 伪类选择器(:hover)
7. 元素选择器(p,div,span等)
8. 通配符选择器(*)

比如，一个元素同时拥有类选择器和元素选择器赋予的样式，则类选择器的优先级高于元素选择器。

在实际的开发中，我们通常会使用class来定义一组相关的样式。一个元素可以同时拥有多个class，这样就可以同时应用多个样式。例如：

<p class="text-red bg-yellow font-bold">这是一段带有多个样式的文字</p>

在这个例子中，p元素同时拥有三个class：text-red、bg-yellow、font-bold。这三个class定义了文字的颜色、背景色和字体粗细。当元素同时拥有多个class时，CSS会按照class在HTML元素中的顺序来应用样式。例如，在上面这个例子中，text-red的样式优先级高于bg-yellow和font-bold，因为text-red出现在前面。

当然，我们也可以使用多个class来组合应用不同的样式。例如：

<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来应用不同的样式。需要注意的是，在CSS的优先级比较中，class选择器的优先级相对较低，因此当多个class应用于同一元素时，样式应用的顺序很重要。