CSS 樣式優(yōu)先級(jí)決定了最終呈現(xiàn)在瀏覽器中的樣式是哪一組樣式，在多組樣式中有沖突時(shí)，最終呈現(xiàn)在瀏覽器中的樣式是具有最高優(yōu)先級(jí)的樣式。
CSS 樣式優(yōu)先級(jí)順序如下：
內(nèi)聯(lián)樣式 > 內(nèi)部樣式 > 外部樣式
!important > 內(nèi)聯(lián)樣式 > ID 選擇器 > 類選擇器 = 屬性選擇器 = 偽類選擇器 > 標(biāo)簽選擇器 = 偽元素選擇器 > 通配選擇器 > 瀏覽器默認(rèn)樣式
如果兩組樣式具有相同的優(yōu)先級(jí)，則后定義的樣式將覆蓋先定義的樣式。
瀏覽器默認(rèn)樣式是指瀏覽器在渲染 HTML 文檔時(shí)，為每個(gè) HTML 元素設(shè)置的默認(rèn)樣式。這些默認(rèn)樣式取決于瀏覽器的版本和類型，并且可能會(huì)因?yàn)g覽器之間的差異而產(chǎn)生不一致。為了保證頁(yè)面的一致性，通常會(huì)采用 CSS reset 或 normalize.css 這樣的技術(shù)來(lái)重置瀏覽器的默認(rèn)樣式。
示例：
- 內(nèi)聯(lián)樣式：寫在標(biāo)簽屬性 style 的樣式，如
<span style="color:green"> - ID 選擇器，如
#id{…} - 類選擇器，如
.class{…} - 屬性選擇器，如
p[type="email"]{…} - 偽類選擇器，如
input:hover{…} - 標(biāo)簽選擇器，如
div{…} - 偽元素選擇器，如
span::before{…} - 通配選擇器，如
*{…} - 瀏覽器默認(rèn)樣式，p 元素在 Chrome 瀏覽器 [版本 109.0.5414.119（正式版本） (x86_64)] 中樣式如下：
p {
display: block;
margin-block-start: 1em;
margin-block-end: 1em;
margin-inline-start: 0px;
margin-inline-end: 0px;
}?文章來(lái)源：http://www.zghlxwxcb.cn/news/detail-730962.html
上述代碼在開發(fā)者工具的【元素】>【樣式】中可查看，并未體現(xiàn)字體的樣式，但其實(shí) Chrome 瀏覽器有默認(rèn)字體大小，默認(rèn)字體大小為 16px，并限制了最小字體大小為 12px。
對(duì)于最小字體大小， Chrome 瀏覽器最小字體大小可能因用戶設(shè)置和系統(tǒng)不同而有所變化，但通常情況下最小字體大小為最小可讀字體大小，約為 12px。
當(dāng)設(shè)置字體大小樣式為：
?
p {
font-size: 1px;
}字體大小始終為 12px，但margin-block-start和margin-block-end會(huì)隨著字體大小的設(shè)置而改變，其實(shí)際值分別為 1px。文章來(lái)源地址http://www.zghlxwxcb.cn/news/detail-730962.html
到了這里，關(guān)于CSS 樣式優(yōu)先級(jí)的文章就介紹完了。如果您還想了解更多內(nèi)容，請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
