본문 바로가기

html

[html] 하나의 태그에 class 이름 여러 개 짓고 싶을 때

 <div class="form_inner_box areabox">

공백으로 구분해서 이름을 여러 개 지어준다. 

이름 1 : form_inner_box 

이름 2: areabox

 

css에서 가져올 때는 

.form_inner_box.areabox {
  width: fit-content;
  height: fit-content;
  display: flex;
}

공백없이 이름들을 연달아 적어줘야한다.

.form_inner_box.areabox  -> O

.form_inner_box .areabox  -> X