css—样式文件两个class有空格和没空格的区别

1.有空格，示例：

<div class="classA">
<div class="classB"></div>
</div>
.classA .classB{
　　padding-top:10px;
}
结果为，class为classB的div，padding-top为10px，样式生效，有空格表示嵌套层关系。

2.无空格，示例：

<div class="classA">
<div class="classB"></div>

</div>
.classA.classB{
　　padding-top:10px;
}
结果为，class为classB的div，padding-top为10px，样式不生效。
因为，无空格表示，class必须同时有classA与classB，同层关系，如下层级元素才适用于无空格的情况。 
<div class="classA classB"></div>
.classA.classB{
　　padding-top:10px;
}