[CSS] CSS스타일 여러 클래스 및 ID에 동시 적용하기

CSS를 여러 클래스에 동시 적용

 

CSS를 작성할 때 여러 요소에 동시에 같은 CSS를 적용하고 싶을 때가 있다. 이럴 때 여러 선택자(클래스, 아이디)를 쉽게 동시에 선택하는 방법은 아래와 같다.

.btn1, .btn2, .btn3, .btn4{  font-size: 3em;
  margin:0.5em;
  padding-left: 0.5em;
  padding-right: 0.5em;
}

즉, 원하는 선택자를 ,(컴마)로 연결해주고 원하는 CSS를 입력해준다.

이러한 방법으로 btn1, btn2, btn3, btn4라는 클래스들에 동시에 각 속성이 적용된다.