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

这涉及到选择器权重的问题，内联样式表的权值为 1000ID 选择器的权值为 100Class 类选择器的权值为 10HTML 标签选择器的权值为 1一般情况下!important > 行内样式>ID选择器 > 类选择器 > 标签 > 通配符 > 继承 > 浏览器默认属性，同一级别中后写的会覆盖先写的样式从你的代码中可知，#on的权重为10， #tab ul li 的权重为10+1+1,所以覆盖掉下面#on的样式

Answer 2

用class,#tab ul li.on

Answer 3

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

Answer 4

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