id选择器 子选择器 ，id="on", 要如何选择编辑才能起效？还是说只能使用类名？逻辑关系是什么？

Question

#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>

Answer 1

这涉及到选择器权重的问题，

• 内联样式表的权值为 1000

• ID 选择器的权值为 100

• Class 类选择器的权值为 10

• HTML 标签选择器的权值为 1

1. 一般情况下!important > 行内样式>ID选择器 > 类选择器 > 标签 > 通配符 > 继承 > 浏览器默认属性，

2. 同一级别中后写的会覆盖先写的样式

从你的代码中可知，#on的权重为10， #tab ul li 的权重为10+1+1,所以覆盖掉下面#on的样式

Answer 2

用class,#tab ul li.on

Answer 3

你是两个背景设置重叠了吧

Answer 4

可以使用id选择器啊，你这个没有效果吗