这个继承性也就是为啥在子选择器和包含选择器在应用某些样式上区别不同的原因吧

<ul class="food">
   	  	<li>水果
   	  		<ul class="fruit">
   	  			<li>香蕉</li>
   	  			<li>苹果</li>
   	  			<li>梨</li>
   	  		</ul>
   	  	</li>
   	  	<li>蔬菜
   	  		<ul class="vege">
   	  			<li>白菜</li>
   	  			<li>油菜</li>
   	  			<li>卷心菜</li>
   	  		</ul>
   	  	</li>
   	  </ul>

样式表里：

.food li{border:1px solid red; color:green}

将空格换为>会发现效果不同哦~

这是否说明了颜色是可继承的  border是不可继承的