幕布斯7119047
2021-11-01 14:10:11
我有個(gè)label,對(duì)其設(shè)置了一個(gè)class=“a” <label class="a">abc </label> 之后我又用javascript為其增加一個(gè)class:"b",我是使用jquery改變的 js代碼為: $('label').addClass("b"); //這里我并沒(méi)有remove class a,因?yàn)槲矣X(jué)得b應(yīng)該起作用 Css為 a{color:red;} b{color:green} 請(qǐng)問(wèn)為什么label里的字不改變顏色呢? 而當(dāng)我直接改變其css時(shí)就可以改變顏色了, js代碼為:$('label').css("color","green"); 可能css遵循行內(nèi)代碼優(yōu)先于外部表的關(guān)系,所有后面寫的js起作用。 但是,css同樣應(yīng)該遵循后設(shè)置的css優(yōu)先于之前設(shè)置的css啊。 還望高人解答! 謝謝!!
3 回答

動(dòng)漫人物
TA貢獻(xiàn)1815條經(jīng)驗(yàn) 獲得超10個(gè)贊
判斷css優(yōu)先級(jí)別的辦法:加權(quán)。
加權(quán)就是為每一種選擇符分配一個(gè)值
如類型選擇符:1分(例:h2具有特殊性1,得1分)
class選擇符:10分
id選擇符:100分
判斷時(shí),加法計(jì)算值大小,如#wrap .wrap span = 111分,同一個(gè)元素,多種樣式,哪個(gè)加權(quán)值大,哪個(gè)優(yōu)先。
特別提醒:
!important 具有最大優(yōu)先權(quán)
內(nèi)斂樣式次之(加權(quán)值為100以上)
就近原則,排在后面的樣式最大優(yōu)先
被繼承的元素,加權(quán)值為0

瀟瀟雨雨
TA貢獻(xiàn)1833條經(jīng)驗(yàn) 獲得超4個(gè)贊
a{color:red;}
b{color:green}
這兩個(gè)是不是應(yīng)該寫成
.a{color:red;}
.b{color:green} 啊
添加回答
舉報(bào)
0/150
提交
取消