CSS root

:ROOT 

:root를 사용하면 편리한 스타일 관리를 진행할 수 있음

 

 

:root {

    --div-main-color: #a4c3eb;

}

 

div {

    color: var(--div-main-color);

}

root 부분에선 -- 이렇게 시작을 하며, 뒤는 변수명을 입력하면 됩니다.

(변수명의 규칙은 CSS에서 클래스명이나 아이디명을 짓는 것과 같음)

var로 변수를 선언해 주며, 소괄호를 넣어주고, 해당 소괄호 안쪽에 root 부분과 마찬가지로 --를 먼저 넣고 뒤에 동일한 변수명을 입력하면 됩니다.