在css中，樣式的就近原則指的是當(dāng)多種不同的樣式規(guī)則應(yīng)用在同一元素上時(shí)，若樣式權(quán)重相同，則靠近元素的樣式具有最大的優(yōu)先級(jí)；就近原則也可以理解為多種樣式權(quán)重相同時(shí)，排在最后的樣式優(yōu)先級(jí)最大。

本教程操作環(huán)境：windows10系統(tǒng)、CSS3&&HTML5版本、Dell G3電腦。

CSS樣式就近原則是什么

CSS優(yōu)先級(jí)

在復(fù)雜CSS樣式表，往往并不是相同樣式不同值的堆疊這么簡(jiǎn)單，經(jīng)常出現(xiàn)兩個(gè)或多個(gè)不同樣式規(guī)則應(yīng)用在同一元素上，這時(shí)到底采用哪個(gè)樣式呢？這就是典型的CSS優(yōu)先級(jí)問(wèn)題。

處理優(yōu)先級(jí)問(wèn)題，就是考慮樣式權(quán)重的高低。這里先給大家介紹一些特殊的情況：

==繼承樣式的權(quán)重為0。==也就是說(shuō)，在嵌套結(jié)構(gòu)中，無(wú)論父元素樣式權(quán)重多大，子元素繼承時(shí)，應(yīng)用在子元素上的權(quán)重都為0，即子元素定義的樣式會(huì)覆蓋所有繼承來(lái)的樣式。

==行內(nèi)樣式優(yōu)先。==應(yīng)用style屬性的元素，其行內(nèi)樣式的權(quán)重非常高，可以理解為遠(yuǎn)大于100?？傊?，他擁有比上面提高的選擇器都大的優(yōu)先級(jí)。

權(quán)重相同時(shí)，CSS遵循就近原則。也就是說(shuō)靠近元素的樣式具有最大的優(yōu)先級(jí)，或者說(shuō)排在最后的樣式優(yōu)先級(jí)最大。

CSS定義了一個(gè)!important命令，該命令被賦予最大的優(yōu)先級(jí)。也就是說(shuō)不管權(quán)重如何以及樣式位置的遠(yuǎn)近，!important都具有最大優(yōu)先級(jí)。

css權(quán)重

關(guān)于CSS權(quán)重，我們需要一套計(jì)算公式來(lái)去計(jì)算，這個(gè)就是 CSS Specificity，我們稱(chēng)為CSS 特性或稱(chēng)非凡性，它是一個(gè)衡量CSS值優(yōu)先級(jí)的一個(gè)標(biāo)準(zhǔn) 具體規(guī)范入如下：

Specificity用一個(gè)四位的數(shù)字串(CSS2是三位)來(lái)表示，更像四個(gè)級(jí)別，值從左到右，左面的最大，一級(jí)大于一級(jí)，數(shù)位之間沒(méi)有進(jìn)制，級(jí)別之間不可超越。

（學(xué)習(xí)視頻分享：css視頻教程）