.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选择元素时有没有空格的区别，举例如下：example .pp{
color: orange
}
.
example.pp2 {
color: green
}
如上面的两个定义一个是中间有空格，一个是中间没空格。
第一个class要这样写生效：<p class="example">文字文字<span class="pp">pp这个class生效</span>....</p>
第二个class要这样写生效：<p class="example pp2">pp2这个class生效</p>
.example .pp = E F 是后代选择器。
.example.pp2 则是在一个元素上，这个元素包括这两个类才会有效果。
.example .pp中间用空格隔开，表示后代选择器，选择的是.example内的.pp。
