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><!--多类-->
2 <div class="contain blue">contain and blue</div><!--多类-->
聪明的大家肯定能看到两个不同的结果，慢慢体会谢谢。
第一个css样式中contain与blue之间有个空格。而后边元素引用的时候，变色的是span里德元素，即class后面元素的样式
第二个css样式中contain与blue之间没有空格，是改变的div即class里德元素
懂了吗？