选择器理解

第一组：
①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{
}