CSSに含まれる(子孫)セレクタと子セレクタの違い

セレクタを含める
すなわち、指定したラベル要素の下にある後輩要素を選択するためにスペースを追加します.

.first  span{color:red;}

サブセレクタ
記号より大きい(>)は、指定したラベル要素の第1世代サブ要素を選択します.

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

まとめ:>要素の最初の世代の子孫に、スペースは要素のすべての子孫に適用されます.