CSS樣式就近原則指的是什么

這篇文章主要介紹“CSS樣式就近原則指的是什么”，在日常操作中，相信很多人在CSS樣式就近原則指的是什么問題上存在疑惑，小編查閱了各式資料，整理出簡單好用的操作方法，希望對大家解答”CSS樣式就近原則指的是什么”的疑惑有所幫助！接下來，請跟著小編一起來學習吧！

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

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

CSS樣式就近原則是什么

CSS優(yōu)先級

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

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

==繼承樣式的權重為0。==也就是說，在嵌套結構中，無論父元素樣式權重多大，子元素繼承時，應用在子元素上的權重都為0，即子元素定義的樣式會覆蓋所有繼承來的樣式。

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

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

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

css權重

關于CSS權重，我們需要一套計算公式來去計算，這個就是 CSS Specificity，我們稱為CSS 特性或稱非凡性，它是一個衡量CSS值優(yōu)先級的一個標準 具體規(guī)范入如下：

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

到此，關于“CSS樣式就近原則指的是什么”的學習就結束了，希望能夠解決大家的疑惑。理論與實踐的搭配能更好的幫助大家學習，快去試試吧！若想繼續(xù)學習更多相關知識，請繼續(xù)關注億速云網(wǎng)站，小編會繼續(xù)努力為大家?guī)砀鄬嵱玫奈恼拢?/p>