CSS樣式就近原則指的是什么
這篇文章主要介紹“CSS樣式就近原則指的是什么”,在日常操作中,相信很多人在CSS樣式就近原則指的是什么問題上存在疑惑,小編查閱了各式資料,整理出簡單好用的操作方法,希望對大家解答”CSS樣式就近原則指的是什么”的疑惑有所幫助!接下來,請跟著小編一起來學習吧!
成都創新互聯主營宜興網站建設的網絡公司,主營網站建設方案,APP應用開發,宜興h5小程序開發搭建,宜興網站營銷推廣歡迎宜興等地區企業咨詢
在css中,樣式的就近原則指的是當多種不同的樣式規則應用在同一元素上時,若樣式權重相同,則靠近元素的樣式具有最大的優先級;就近原則也可以理解為多種樣式權重相同時,排在最后的樣式優先級最大。
本教程操作環境:windows10系統、CSS3&&HTML5版本、Dell G3電腦。
CSS樣式就近原則是什么
CSS優先級
在復雜CSS樣式表,往往并不是相同樣式不同值的堆疊這么簡單,經常出現兩個或多個不同樣式規則應用在同一元素上,這時到底采用哪個樣式呢?這就是典型的CSS優先級問題。
處理優先級問題,就是考慮樣式權重的高低。這里先給大家介紹一些特殊的情況:
==繼承樣式的權重為0。==也就是說,在嵌套結構中,無論父元素樣式權重多大,子元素繼承時,應用在子元素上的權重都為0,即子元素定義的樣式會覆蓋所有繼承來的樣式。
==行內樣式優先。==應用style屬性的元素,其行內樣式的權重非常高,可以理解為遠大于100??傊?,他擁有比上面提高的選擇器都大的優先級。
權重相同時,CSS遵循就近原則。也就是說靠近元素的樣式具有最大的優先級,或者說排在最后的樣式優先級最大。
CSS定義了一個!important命令,該命令被賦予最大的優先級。也就是說不管權重如何以及樣式位置的遠近,!important都具有最大優先級。
css權重
關于CSS權重,我們需要一套計算公式來去計算,這個就是 CSS Specificity,我們稱為CSS 特性或稱非凡性,它是一個衡量CSS值優先級的一個標準 具體規范入如下:
Specificity用一個四位的數字串(CSS2是三位)來表示,更像四個級別,值從左到右,左面的最大,一級大于一級,數位之間沒有進制,級別之間不可超越。
到此,關于“CSS樣式就近原則指的是什么”的學習就結束了,希望能夠解決大家的疑惑。理論與實踐的搭配能更好的幫助大家學習,快去試試吧!若想繼續學習更多相關知識,請繼續關注創新互聯網站,小編會繼續努力為大家帶來更多實用的文章!
當前名稱:CSS樣式就近原則指的是什么
網站鏈接:http://www.xueling.net.cn/article/jpgphi.html