當CSS規則發生沖突時，瀏覽器將根據優先級來決定哪個規則將應用于元素。例如，如果同一元素有多個樣式規則，則瀏覽器將根據優先級選擇適用規則。

div {
color: red;
}
div {
color: blue;
}

在上面的例子中，該元素的文本顏色應該是藍色，而不是紅色，因為第二個規則比第一個規則的優先級高。

那么如何計算優先級呢？它的計算方法如下：

• !important：最高優先級
• 內聯樣式：中等優先級
• id選擇器：高優先級
• 類選擇器、屬性選擇器、偽類選擇器：中等優先級
• 元素選擇器、偽元素選擇器：低優先級
• 通配符選擇器、子選擇器、后代選擇器、相鄰選擇器：最低優先級

例如：

#idName {
color: red !important;
}
div span {
color: blue;
}
.classname {
color: green;
}

在上面的例子中，如果相同的元素應用了解析成這樣的規則：

• idName元素將會被設置為紅色（因為!important）
• Classname元素將被設置為綠色（因為它具有較高的優先級）
• 除特殊情況外，div span元素將被設置為藍色（因為它有相對低的優先級）

以上就是CSS優先級的不同之處，當您創建樣式表時，請注意每個選擇器的優先級并盡可能使用更特定的選擇器。