css样式中空格

第一个：

.box .active {
 /*css代码*/
}

第二个：

.box.active{
  /*css代码*/
}

第一个类的选择器是代表box类与active类不在同一dom节点上，样式作用于box类下的active类，它的Html结构如下所示：

<div class='box'>
   <div class='active'>
     <!--这里写内容-->
   </div>
</div>

而第二个代表box类与active类位于同一dom节点上，它的html结构如下所示：

<div class='box active'>
   <!--这里写内容-->
</div>