#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的样式
点击展开后面3条
- 4 回答
- 1 关注
- 1964 浏览
相关问题推荐
添加回答
举报
0/150
提交
取消