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

<div class="wrapper">

? <p>我是第一個(gè)段落</p>

? <p>我是第二個(gè)段落</p>

? <div><p>我是第一個(gè)Div元素</p></div>

? <div>我是第二個(gè)Div元素</div>

? <p>我是第三個(gè)段落</p>

? <div><h1><p>我是第三個(gè)Div元素</p><p>我是第三個(gè)Div元素</p></h1><h1><p>我是第三個(gè)Div元素</p><p>我是第三個(gè)Div元素</p></h1></div>

</div>

測(cè)試如上代碼?第一個(gè)div下p變黃，最后一個(gè)div下h1內(nèi)部全部變黃，第二個(gè)h1內(nèi)部第一個(gè)p變黃

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

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

div :first-of-type//這個(gè)應(yīng)該是錯(cuò)誤的寫(xiě)法,沒(méi)有類型