자율 학습/학습

[CSS] :root 가상 선택자 이용해서 색 지정하기

60cod 2022. 9. 14. 21:35

:root

- 가장 상위 요소(html)를 선택할 때 사용된다.
- 전역 CSS 변수를 선언하여 편리하게 쓸 수 있다.
- 전역 CSS 변수 선언 방법

  --이름: 속성값;



색상을 싹 갈아엎으면서 색상 헥스코드 하나하나 치기가 번거로웠는데 :root 로 변수 선언해서 쓸 수 있어 편리하다.

구글링을 통해 발견함.


이렇게 선언하고

이렇게 쓰면 됨.