#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貢獻16條經驗 獲得超7個贊
這涉及到選擇器權重的問題，
內聯樣式表的權值為 1000
ID 選擇器的權值為 100
Class 類選擇器的權值為 10
HTML 標簽選擇器的權值為 1
一般情況下!important > 行內樣式>ID選擇器 > 類選擇器 > 標簽 > 通配符 > 繼承 > 瀏覽器默認屬性，
同一級別中后寫的會覆蓋先寫的樣式
從你的代碼中可知，#on的權重為10， #tab ul li 的權重為10+1+1,所以覆蓋掉下面#on的樣式
-
qq_唔叫咩_0嗯嗯，現在問題找出來了，那如果想要繼續使用id="on",不使用類名，請問可以怎么選擇？ -
碼農2號#on{ background:#0000ff!important; } 或者#tab ul #on{ background:#0000ff; } 給id為on的選擇器加權重！本樓的樓主說的沒毛病。 -
qq_唔叫咩_0#tabs #on{ background:blue; } ////////////// <ul id="tabs"> <li id="on"></li> <li></li> <li></li> <li></li> <li></li> </ul> ////////// 最后就是這樣加了個權重，沒有讓頁面更好的辦法
點擊展開后面3條
-
qq_唔叫咩_0凡是老師
- 4 回答
- 1 關注
- 2086 瀏覽
相關問題推薦
添加回答
舉報
0/150
提交
取消