我覺得應(yīng)該是這樣的，div:first-of-type選中的是第一個div ，加上空格之后，就變成了選中div下所有后代元素下第一個子元素，空格后面應(yīng)該輸入標(biāo)簽，但卻什么也有輸入，默認(rèn)匹配任何標(biāo)簽，只要是占據(jù)第一個子元素位置就算數(shù)?

<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內(nèi)部全部變黃，第二個h1內(nèi)部第一個p變黃

div:first-of-type會得到我們這節(jié)課預(yù)期的效果，

div :first-of-type這個寫法也是可以吧，測試了一下有兩行變成橙色，第一個div和第一個p這兩行變色了，選擇器中間加空格就是后代元素的意思，如div p;這里加空格應(yīng)該等價于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的子節(jié)點(diǎn)里面具有on類名的div

div:first-of-tyle//第一個類型為div的子節(jié)點(diǎn)

div :first-of-type//這個應(yīng)該是錯誤的寫法,沒有類型