举个直观的例子：
<div class="main">
<h1>Languages</h1> <!-- h1:first-child, h1:first-of-type -->
<div>Javascript</div> <!-- div:nth-child(2), div:first-of-type -->
<div>Golang</div>
<div>PHP</div>
</div>
- first-child 是指父节点下的第一个元素，无论类型是什么
- first-of-type 不一定是父节点下的第一个元素，但是是第一个指定类型的元素
例如：
<div>Javascript</div>
是 div:first-of-type，但是不是 div:first-child.