<!DOCTYPE?HTML>
<html>
<head>
<meta?http-equiv="Content-Type"?content="text/html;?charset=utf-8">
<title>子選擇符</title>
<style?type="text/css">
.food>li{border:1px?solid?red;}/*添加邊框樣式（粗細為1px，?顏色為紅色的實線）*/
.first>li{color:red;}/*測試第一代子元素的范圍，出現后代選擇器的效果，什么鬼？？*/
</style>
</head>
<body>
<h1>食物</h1>
<ul?class="first">
????<li>水果
????????<ul>
???????? <li>香蕉</li>
????????????<li>蘋果</li>
????????????<li>梨</li>
????????</ul>
????</li>
????<li>蔬菜
???? <ul>
???????? <li>白菜</li>
????????????<li>油菜</li>
????????????<li>卷心菜</li>
????????</ul>
????</li>
</ul>
</body>
</html>如上，我為了測試第一代子元素的范圍，特意添加了一個子選擇器，然后將之更換后，發現效果卻是后代選擇器的效果，這是什么鬼？？按理說香蕉蘋果梨這些不屬于第一代子元素啊，為什么也跟著變成紅色字體？？
已解決430363個問題，去搜搜看，總會有你想問的
