더 알아보기/기능
css 전역화 시키기 2️⃣ (ver. :root)
은돌1113
2023. 1. 6. 10:52
이 글이 왜 2️⃣인지는 1️⃣보면 이해 가능 (너무 피곤해서 친절하지 않음..)
그냥. css랑 props라도 전역화 시키자 싶어서 :root를 찾게 되었는 데 이게 styled-component에도 적용이 됨 (아주 개꿀)
따로 Provider를 설정해주지 않아도 되고 styled-component를 안 쓰면 라이브러리 설치 없이 css만으로 할 수 있어서 아주 좋았음 (+ 다른. css 파일에서도 사용 가능)
1) :root를 설정한 style.css
2) :root를 설정하지 않은 다른 .css
3-1처럼 오류 발생함
JSX 방식으로 사용하면 오류 안 발생함
결론은 :root 사용하면 어디서든 var(#) 형식으로 css 전역화 가능하다.