第一组:
①E必须是某个元素的子元素
②E必须是父元素的所有元素中的第几个
E:first-child
E:last-child
E:only-child
E:nth-child(n)
E:nth-last-child(n)
第二组:
①E必须是某个元素的子元素
②E必须是父元素中所有E元素的第几个
E:first-of-type
E:last-of-type
E:only-of-type
E:nth-of-type(n)
E:nth-last-of-type(n)
示例对比:
<ul>
<div>123</div>
<li>123</li>
</ul>
//这个是无效的,因为li并不是ul的第一个子元素
li:first-child{
}
//有效,因为这里是找所有li标签的第一个li
li:first-of-type{
}