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>
空格主要是为了区别不同的class类。如下示例：
<div class="one two tre"></div> <div class="onetwotre"></div>在这个示例中，第一个div会被解析为有one、two、tre这三个类，第二个div会被解析为只有onetwotre这一个类。
CSS3 选择器 在CSS 中，选择器是一种模式，用于选择需要添加样式的元素。 ＂CSS＂ 列指示该属性是在哪个 CSS 版本中定义的。（CSS1、CSS2 还是 CSS3。）
