子选择器,相当于父子关系。只是对父亲的儿子才起作用。属性选择器,通过属性以及属性的值进行样式设定。
子选择器:
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元素