class 이름 띄어쓰기 되어있을 때 선택하기

html

    <div class="box box1"></div>
    <div class="box box2"></div>

css

   .parent .box{
  width: 100px;
  height: 100px;
}

.parent .box.box1{
  background-color: blue;
}
.parent .box.box2{
  background-color: crimson;
}

class 이름이 띄어쓰기 되어있을 때는 두개의 클래스를 가진다는 의미로써 부모태그로 감싸지 않더라도 공통 클래스로 선택할 수 있다.
각자 선택하려면 띄어쓰기 없이 .클래스이름.두번째클래스이름 의 형식으로 선택한다.