你可以在css手机里可以查到这个伪类选择符
比如：
<ul>
<li>列表项一</li>
<li>列表项二</li>
<li>列表项三</li>
<li>列表项四</li>
</ul>
在上述代码中，如果我们要设置第一个li的样式，那么代码应该写成li:first-child{sRules}，而不是ul:first-child{sRules}。其它相关的伪类都如此。
首先要更正一下，不存在first-of-child的，只有first-of-type下面就说说
first-child
与first-of-type的区别：
first-child：父元素的第一个子元素且必须符合指定类型
first-of-type：父元素的符合指定类型的第一个子元素
当然，光看文字也是很难理解的，下面看看例子：
第1行
第2行
第3行
这种情况下，不管是p:first-of-type还是p:first-child，
第1行
都会被选中。
而如果是：
第1行
第2行
第3行
第4行
则p:first-of-type的话，
第2行
会被选中；
而p:first-child的话，将没有任何元素被选中！
:first-child
伪类
向元素的第一个子元素添加样式
利用:first-child
这个伪类，只有当元素是另一个元素的第一个子元素时才能匹配。例如，p:first-child
会选择作为另外某个元素第一个子元素的所有
p
元素。一般可能认为这会选择作为段落第一个子元素的元素，但事实上并非如此，如果要选择段落的第一个子元素，应当写为
p
>
*:first-child。
http://www.
w3school
.com.cn/css/pr_pseudo_first-child.asp
这个送你，祝你学的开心
