[CSS] 선택자 - 그룹 선택자

CSS 그룹 선택자

 

 

<div class="box border-box">box1</div>
<div class="box bg-box">box2</div>

.box {
  color: blue;
}

.box.border-box, .box.bg-box {
  border: 10px solid #000;
}

여러개의 선택자를 가져와서 쉼표를 이용해 작성하여 스타일 시트 크기를 줄일 수 있다.

 

 

 

 

끝