子選擇器,相當于父子關系。只是對父親的兒子才起作用。屬性選擇器,通過屬性以及屬性的值進行樣式設定。
子選擇器:
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元素