我觉得应该是这样的，div:first-of-type选中的是第一个div ，加上空格之后，就变成了选中div下所有后代元素下第一个子元素，空格后面应该输入标签，但却什么也有输入，默认匹配任何标签，只要是占据第一个子元素位置就算数 

<div class="wrapper">

  <p>我是第一个段落</p>

  <p>我是第二个段落</p>

  <div><p>我是第一个Div元素</p></div>

  <div>我是第二个Div元素</div>

  <p>我是第三个段落</p>

  <div><h1><p>我是第三个Div元素</p><p>我是第三个Div元素</p></h1><h1><p>我是第三个Div元素</p><p>我是第三个Div元素</p></h1></div>

</div>

测试如上代码 第一个div下p变黄，最后一个div下h1内部全部变黄，第二个h1内部第一个p变黄

div:first-of-type会得到我们这节课预期的效果，

div :first-of-type这个写法也是可以吧，测试了一下有两行变成橙色，第一个div和第一个p这两行变色了，选择器中间加空格就是后代元素的意思，如div p;这里加空格应该等价于div div:first-of-type,div p:first-of-type; (div :first-of-type,div（类名为wrapper）的后代元素类型只有p和div)

div.on//此div里面具有on类名的div

div .on//此div的子节点里面具有on类名的div

div:first-of-tyle//第一个类型为div的子节点

div :first-of-type//这个应该是错误的写法,没有类型