Post css 에서 기본 className 사용하기
문제상황
- post css 에선 사진과 같이 ‘-’ 형태의 기본 클래스 명을 사용하지 못함.
-> (인식을 못하기 때문에 스타일 적용 안됨.)
_⇒ 다른 라이브러리를 사용할때 라이브러리에서 자동으로 적용해주는 클래스 명을 custom 하기 어려울 수 있음.
해결방법
&:global(.swiper-pagination-bullet-active) {
background-color: #fff;
color: #543ce9;
}
- &:global(’적용하고자 하는 클래스명’) {…} 식으로 넣어주면 post css 에서도 기본 클래스명 custom 가능!🙌