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