#tab ul li{???????? list-style:none;???????? float:left;???????? width:10px;???????? height:10px;???????? background:#999;???????? border-radius:100%;???????? margin:2px 2px;???????? cursor:pointer; }#on{? ? ? ? ?background:#0000ff; }/////////////////////////////////////////////////////////////////////////////<div id="tab">????????<ul>???????????????? <li id="on"></li>???????????????? <li></li>???????????????? <li></li>???????????????? <li></li>???????????????? <li></li>???????? </ul> </div>
4 回答
已采納
Jenny_xiong
TA貢獻(xiàn)16條經(jīng)驗(yàn) 獲得超7個(gè)贊
這涉及到選擇器權(quán)重的問題，
內(nèi)聯(lián)樣式表的權(quán)值為 1000
ID 選擇器的權(quán)值為 100
Class 類選擇器的權(quán)值為 10
HTML 標(biāo)簽選擇器的權(quán)值為 1
一般情況下!important > 行內(nèi)樣式>ID選擇器 > 類選擇器 > 標(biāo)簽 > 通配符 > 繼承 > 瀏覽器默認(rèn)屬性，
同一級(jí)別中后寫的會(huì)覆蓋先寫的樣式
從你的代碼中可知，#on的權(quán)重為10， #tab ul li 的權(quán)重為10+1+1,所以覆蓋掉下面#on的樣式
-
qq_唔叫咩_0嗯嗯，現(xiàn)在問題找出來了，那如果想要繼續(xù)使用id="on",不使用類名，請(qǐng)問可以怎么選擇？ -
碼農(nóng)2號(hào)#on{ background:#0000ff!important; } 或者#tab ul #on{ background:#0000ff; } 給id為on的選擇器加權(quán)重！本樓的樓主說的沒毛病。 -
qq_唔叫咩_0#tabs #on{ background:blue; } ////////////// <ul id="tabs"> <li id="on"></li> <li></li> <li></li> <li></li> <li></li> </ul> ////////// 最后就是這樣加了個(gè)權(quán)重，沒有讓頁(yè)面更好的辦法
點(diǎn)擊展開后面3條
-
qq_唔叫咩_0凡是老師
添加回答
舉報(bào)
0/150
提交
取消