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=‘类名’的类；“#”选择id=“类名”的类
“，”在css里是分割符， .offer .box-content .sbox .searchbox i,.resume .box-content .sbox .searchbox i这里面的“，”是和的意思
我理解能力有点问题，两种都说一下吧。.xx,.xxx{}这个意思是同时设置两个元素选择位置，使用英文逗号分割，.a .b c{}这种为设置一个c标签元素的CSS样式，是为了能让系统准确的找到。使用空格分割即可，当然还有其他类型的，子代选择等，具体参考w3cschool css中选择器的资料
