少了一個分號，加上去就好了

.food li{border:1px solid red;} 后面再加個分號，一條語句是以分號結束的

">"為選擇指定標簽元素的第一代子元素。

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

最后一句寫錯了，應該是再輸入“”.food li{ border:1px solid red}“” 對比一下看看

回復 慕粉3719687：其實也是不完整的，下面的表格的代碼是這樣的

<ul class="food">

? ? <li>水果

? ? ? ? <ul>

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

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

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

? ? ? ? </ul>

? ? </li>

? ? <li>蔬菜

? ? <ul>

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

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

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

? ? ? ? </ul>

? ? </li>

</ul>

當你輸入.food ul{ border:1px solid red}的時候，“水果”和“蔬菜”這兩項便沒有被包括在內，你可以再試著輸入.food>li{ border:1px solid red} 對比一下看看

第十四行代碼中<ul class="food">，說明food對應的是ul的標簽，在使用子選擇器時應該選擇它的子選項li才對，即.food>li{ border:1px solid red}，?跟一樓的冒號沒關系

兩者的樣式包含關系不一致，前者是food里面所有的ul都會加上邊框，后者是只有food包含的第一個ul才會加上邊框，就是說它只識別到food里面最靠近food的一對<ul></ul>標識，其它的識別不了。這個是我理解的兩者的區別。

應該是.food>li{ border:1px solid red}?

我試了一下還是不行誒

solid red少了冒號兄弟。是solid：red