CSS Module이 잘 적용되었나요?

▲ 그림 9-5 CSS Module

 

CSS Module을 사용한 클래스 이름을 두 개 이상 적용할 때는 다음과 같이 코드를 작성하면 됩니다.

CSSModule.module.css

/* 자동으로 고유해질 것이므로 흔히 사용되는 단어를 클래스 이름으로 마음대로 사용 가능 */
 
.wrapper {
  background: black;
  padding: 1rem;
  color: white;
  font-size: 2rem;
}
 
.inverted {
  color: black;
  background: white;
  border: 1px solid black;
}
 
/* 글로벌 CSS를 작성하고 싶다면 */
 
:global .something {
  font-weight: 800;
  color: aqua;
}

---