我覺得應該是這樣的，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//這個應該是錯誤的寫法,沒有類型