CSS樣式優(yōu)先級(jí):
1、相同權(quán)值情況下酷窥,CSS樣式的優(yōu)先級(jí)總結(jié)來(lái)說(shuō)咽安,就是——就近原則(離被設(shè)置元素越近優(yōu)先級(jí)別越高):
內(nèi)聯(lián)樣式表(標(biāo)簽內(nèi)部)> 嵌入樣式表(當(dāng)前文件中)> 外部樣式表(外部文件中)。
2蓬推、權(quán)值不同時(shí)妆棒,瀏覽器是根據(jù)權(quán)值來(lái)判斷使用哪種css樣式的,哪種樣式權(quán)值高就使用哪種樣式。
下面是權(quán)值的規(guī)則:
標(biāo)簽的權(quán)值為1,類選擇符的權(quán)值為10崖堤,ID選擇符的權(quán)值最高為100。
舉例:
div {color: red;}/*標(biāo)簽红选,權(quán)值為1*/
div span {color: green;}/*兩個(gè)標(biāo)簽,權(quán)值為1+1=2*/
div>span {color: purple;}/*權(quán)值與上面的相同留特,因此采取就近原則*/
.main {color: white;}/*類選擇符纠脾,權(quán)值為10*/
div span.warning {color: purple;}/*權(quán)值為1+1+10=12*/
#main .con p {color: yellow;}/*權(quán)值為100+10+1=111*/
3、CSS最高優(yōu)先級(jí):蜕青!important
舉例:
div {
? ? color: red!important;/*!important 要寫在分號(hào)前*/
? ? color: blue;
}
雖然程序由上而下運(yùn)行糊渊,但是由于右核!important 將當(dāng)前所在行的樣式優(yōu)先級(jí)升至最高,因此以上代碼最終顏色為紅的渺绒。