“#”选择id=“类名”的类
“，”在css里是分割符， .offer .box-content .sbox .searchbox i,.resume .box-content .sbox .searchbox i这里面的“，”是和的意思
.ad_stu , .ad_2 , .ad_house{ ... }这里用了逗号，作用是表示这3个class用的是相同的css属性。
而如果用空格，变成这样：.ad_stu .ad_2 .ad_house{ ...}，其意思就全变了。这样用空格分开，变成了在ad_stu这个容器里有一个叫ad_2的容器,而在ad_2这个容器里，又包含着一个叫ad_house的容器。最终仅仅是ad_house这个容器有这些css属性。另外2个容器是没有这些属性的。
给你举个例子(例1)：
<div class="ad_stu">我是容器A</div>
<div class="ad_2">我是容器B</div>
<div class="ad_house">我是容器C</div>
css写成：.ad_stu , .ad_2 , .ad_house{ height:196pxfloat:leftmargin: 5px 0 0 6px }
这时，上面A、B、C三个容器，呈现出来的效果是完全一样的，都是靠左浮动，高度都是196像素；
而如果用空格区分上面3个class，仍然用上面3个div结构的话，这3个容器将不会有任何效果的。
除非改成(例2)：
<div class="ad_stu">
<div class="ad_2">
<div class="ad_house">
我是容器3
</div>
</div>
</div>
这样的话，css写成：.ad_stu .ad_2 .ad_house{ height:196pxfloat:leftmargin: 5px 0 0 6px }
这时，ad_house这个容器将呈现出来的效果就是高196像素，左浮动。。。而ad_stu,ad_2这2个容器，如果你不单独对其进行定义，将没有任何样式效果。
同样是上面例2这个例子，我加多一个div，变成如下
<div class="ad_stu">
<div class="ad_2">
<div class="ad_house">
我是容器3
</div>
</div>
</div>
<div class="ad_house">我也是ad_house</div>
可以看到，下面加多了一个类名也叫ad_house的div，但是这个单独的ad_house同样是没有效果的。因为css中写明了，只有ad_stu下面的ad_2下面的ad_house设置了css属性。
原文： css中“~”（波浪号）、“，”（逗号）、 “ + ”（加号）和 “ >”（大于号）是什么意思？
选择前面有A元素的所有B标签
为相同父元素中位于A标签后的所有B元素设置样式
两种元素必须拥有相同的父元素，但是B不必直接紧随A出现
是CSS3特有选择器，表示选则A元素的子元素中所有B元素
A B 选择所有后代元素，但是A>B 只选择一代
同时选择A B 两个类，对其应用相同的CSS样式
选择紧接在另一个元素后的元素，二者有相同的父元素
例：增加紧接在h1元素后出现的段落的边距
