css样式中空格

第一个：

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

第二个：

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

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

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