子选择器,相当于父子关系。只是对父亲的儿子才起作用。属性选择器,通过属性以及属性的值进行样式设定。
子选择器:
1 <ul>
2   <li></li>
3   <ul>
4      <li></li>
5   </ul>
6 </ul>
ul > li{}只是ul下边的li起作用,不对嵌套起到作用。
ul + li{}只是对ul下紧接的li起作用。
属性选择器:
1 <div class="mycls">
2     test
3 </div>
div[class="mycls"] 选择class属性为mycls的div元素
[class="mycls"] 选择class属性为mycls的所有元素
div[class] 选择含有class属性的div元素