为什么class中属性以空格分隔？

1 div.contain .blue{color:blue;}/*后代选择器*/
2 div.contain.blue{color:blue;} /*多类选择器*/

以上两种规则分别应用的元素如下：

1 <div class="contain">contain<span class="blue">blue</span></div><!--后代-->
2 <div class="contain blue">contain and blue</div><!--多类-->

聪明的大家肯定能看到两个不同的结果，慢慢体会谢谢。

第一个css样式中contain与blue之间有个空格。而后边元素引用的时候，变色的是span里德元素，即class后面元素的样式

第二个css样式中contain与blue之间没有空格，是改变的div即class里德元素

懂了吗？