少了一個(gè)分號(hào)，加上去就好了

.food li{border:1px solid red;} 后面再加個(gè)分號(hào)，一條語句是以分號(hào)結(jié)束的

">"為選擇指定標(biāo)簽元素的第一代子元素。

.food>ul指的是類選擇器為food的第一代子元素為ul的元素，我們可以看到類選擇器為food的第一代子元素只有l(wèi)i元素，ul元素為它的后代元素非第一代子元素。所以(.food ul)存在，而(.food>ul)不存在

最后一句寫錯(cuò)了，應(yīng)該是再輸入“”.food li{ border:1px solid red}“” 對(duì)比一下看看

回復(fù) 慕粉3719687：其實(shí)也是不完整的，下面的表格的代碼是這樣的

<ul class="food">

? ? <li>水果

? ? ? ? <ul>

? ? ? ? <li>香蕉</li>

? ? ? ? ? ? <li>蘋果</li>

? ? ? ? ? ? <li>梨</li>

? ? ? ? </ul>

? ? </li>

? ? <li>蔬菜

? ? <ul>

? ? ? ? <li>白菜</li>

? ? ? ? ? ? <li>油菜</li>

? ? ? ? ? ? <li>卷心菜</li>

? ? ? ? </ul>

? ? </li>

</ul>

當(dāng)你輸入.food ul{ border:1px solid red}的時(shí)候，“水果”和“蔬菜”這兩項(xiàng)便沒有被包括在內(nèi)，你可以再試著輸入.food>li{ border:1px solid red} 對(duì)比一下看看

第十四行代碼中<ul class="food">，說明food對(duì)應(yīng)的是ul的標(biāo)簽，在使用子選擇器時(shí)應(yīng)該選擇它的子選項(xiàng)li才對(duì)，即.food>li{ border:1px solid red}，?跟一樓的冒號(hào)沒關(guān)系

兩者的樣式包含關(guān)系不一致，前者是food里面所有的ul都會(huì)加上邊框，后者是只有food包含的第一個(gè)ul才會(huì)加上邊框，就是說它只識(shí)別到food里面最靠近food的一對(duì)<ul></ul>標(biāo)識(shí)，其它的識(shí)別不了。這個(gè)是我理解的兩者的區(qū)別。

應(yīng)該是.food>li{ border:1px solid red}?

我試了一下還是不行誒

solid red少了冒號(hào)兄弟。是solid：red