CSS中类名之间空格的差异

在css样式修改中，很多情况会出现如下的调用方法

/* 情况1 */
.page .active{
  ... ...
}
/* 情况2 */
.page.active{
  ... ...
}

这是有区别的，情况1的写法是这种情况

<div class="page">
  <div calss="active">
    ... ...
  </div>
</div>

情况2是如下写法的调用

<div class="page active">
    ... ...
</div>

前者是对page下的active元素进行操作，后者是对一个类名分别是page和active的div操作，这是很不同的