css 스타일 공백

   ：

.box .active {
 /*css  */
}

   ：

.box.active{
  /*css  */
}

첫 번째 클래스의 선택기는 box 클래스와 active 클래스가 같은dom 노드에 있지 않고 box 클래스 아래의 active 클래스에 스타일이 작용하는 것을 나타낸다. 그의 Html 구조는 다음과 같다.

두 번째 대표는box클래스와active클래스가 같은dom노드에 위치하고 그의 html구조는 다음과 같다.