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

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

}

html -html ///

<div id="tab">

        <ul>

                 <li id="on"></li>

                 <li></li>

                 <li></li>

                 <li></li>

                 <li></li>

         </ul>

</div>

*******************************************************相关有用的交流****************************************************

#tabs #on{

         background:#0000ff;

}

html -html ///

<div id="tab">

        <ul id="tabs">

                 <li id="on"></li>

                 <li></li>

                 <li></li>

                 <li></li>

                 <li></li>

         </ul>

</div>

**********最后就可以体现效果了，只是不知道后面会不会因为使用ID过多造成麻烦。用好选择器还是很重要的，还有定位。

**********************************其实这样也可以的，只是自己一开始没用。**************************************************

#tab #on{

         background:#0000ff;

}

html -html ///

<div id="tab">

        <ul >

                 <li id="on"></li>

                 <li></li>

                 <li></li>

                 <li></li>

                 <li></li>

         </ul>

</div>

原问题网站：https://www.imooc.com/wenda/detail/389003