如果您想要修改一個 HTML 元素的樣式，您可以使用內聯樣式、內部樣式表或外部樣式表。當存在多種樣式時，有時會出現樣式沖突的問題。

例如，假設您有一個類名為 "text-center" 的 CSS 樣式表，它將文本居中對齊：

.text-center {
text-align: center;
}

現在，您想要對具有 "text-center" 類的按鈕元素應用不同的樣式。您可以使用內聯樣式或內部樣式表來進行更改，但這些方法可能會使您的代碼變得雜亂無章。相反，您可以編寫一個新的樣式表，將其鏈接到 HTML 中，并在此樣式表中使用相同的類名 "text-center"。這將使您能夠覆蓋原始的樣式：

.text-center {
text-align: center;
font-size: 16px;
color: red;
}

在這個新的樣式表中，您添加了兩個新的樣式屬性：font-size 和 color。這些屬性的值將覆蓋原始樣式表中的文本對齊樣式。現在，按鈕元素將居中對齊并使用紅色文本顏色和 16px 大小的字體。

在 CSS 中，樣式優先級由以下幾項確定：

• 內聯樣式（inline styles）
• ID 選擇器（ID selectors）
• 類、偽類和屬性選擇器（classes, pseudo-classes, and attribute selectors）
• 標簽和偽元素選擇器（tag and pseudo-element selectors）

當存在多個相同的選擇器時，樣式優先級由選擇器的順序決定。此外，在樣式表中放置 !important 標記可以強制應用特定的樣式。

在編寫 CSS 樣式表時，請記住使用類名和 ID 來確定元素的唯一性，并使用優先級規則來解決沖突。如果您需要使用 !important 標記，請確保您知道它會引起的影響，并只在需要時使用它。