[HTML, CSS] 클래스를 한 요소에 여러 개 적용하기

 

html 내의 <style>이나 css 파일에서 정의한 스타일들을 한 태그 내에 여러 개 적용하는 방법에 대해 알아보자.

.style1 {
  ...
}

.style2 {
  ...
}

.style3 {
  ...
}

 

위처럼 여러 스타일들이 있을 때, 한 태그(요소)에 여러 스타일을 일괄 적용하고 싶은 경우, 

class="style1 style2 style3..."

의 형식으로 작성해준다.

<p class="style1 style2 style3">Hello, HTML!</p>

✅ 참고로, 여러 스타일에 같은 속성이 중첩될 경우, 가장 마지막에 선언된 속성이 적용된다.