css 樣式優先級依序為：內聯樣式（最高）、內置樣式（次之）、外部樣式表（最低）。優先級最高者勝出，相同優先級則按內聯、內置、外部順序應用。
CSS 樣式表中優先級高的三種樣式
在 CSS 樣式表中，優先級用于確定要應用的樣式。優先級最高的樣式將覆蓋所有低優先級的樣式。
優先級高的三種樣式類型為：
1. 內聯樣式
優先級：最高
內聯樣式直接寫在 HTML 元素中，使用 style 屬性。例如：
<code class="html"><p style="color: red;">This text is red.</p></code>
登錄后復制
2. 內置樣式
優先級：次之
內置樣式是瀏覽器默認定義的樣式。它們不能被其他類型的樣式覆蓋。例如：
<code class="html"><h1>Heading</h1> <!-- 默認使用粗體和較大的字體 --></code>
登錄后復制
3. 外部樣式表
優先級：最低
外部樣式表是存儲在單獨文件中的樣式。它們通過 link 元素鏈接到 HTML 文檔。例如：
<code class="html"><link rel="stylesheet" href="style.css"></code>
登錄后復制
優先級規則
優先級最高的樣式始終勝出。如果多個樣式具有相同優先級，則按以下順序應用：
-
內聯樣式
內置樣式
外部樣式表
示例
例如，以下 CSS 樣式：
<code class="css">p { color: blue; } /* 外部樣式表 */
p { color: green; } /* 內置樣式 */
<p style="color: red;">This text is red.</p> /* 內聯樣式 */</code>
登錄后復制
最終應用的樣式將是內聯樣式，因為它具有最高的優先級。因此，文本將以紅色顯示。
