.con .a{
color: red
}
<div class = "con"><div class = "a">子元素</div></div>
不加空格表示元素同时包含这两个类才会生效（同一级元素，多个命名）
.con.b{
color: bule
}
<div class = "con b"></div>
一个class可以 写多个命名，（可以只调用其中一个命名来添加样式）中间用空格隔开。
主要作用，是把样式相同的写在一个class类里面。避免代码重复编写，类似于JavaScript中的工厂模式的作用。
css中 用逗号隔开表示两个不同类的样式类名用同一个样式；
空格隔开表示从属包含关系，是当前的元素子元素；
逗号隔开表示并列关系，两者之间没有任何关系，可以使用同一个样式。
比如下面的代码示例：
<div class="content"><span class="content-child">子内容</span>
内容</div>
<div class="conter">内容2</div>
<style>
.content .content-child{
color:red//空格隔开表示在类content下的类样式.content-child的样式被改变了
}
.content,conter{
color:#ffd014//逗号表示在不同的类下，样式都被改变。
}
</style>
1、CSS代码里要用半角的空格，才不会有影响。如下图“float: left”之间用“半角空格”的。
2、如下图，“flost: left”之间用了全角空格，CSS样式就不起作用了。
