HTML Class가 여러개일 때 CSS 선택자

HTML에서 태그 하나가 여러개의 CSS Class를 가질 수 있다.

 <div class="modal visible">
   ...
</div>

위와 같이 Class를 여러개 지정하고 싶을 때에는 한 칸 띄어서 지정해주면 된다.

그럼 선택자는 어떤 모습일까

.modal.visible{
}

이렇게 기존 css 선택자인 . 을 이어서 붙여주면, modal 클래스와 visible 클래스 모두 가진 태그가 선택된다.