css 공부: 가상 클래스 :root 사용하기

:root 코드 사용 예시

:root {
  --textColor: #000000;
  --backgroundColor: #ffffff;
}

h1 {
  color: var(textColor);
  background-color: var(backgroundColor);
}

css 가상 클래스 :root 만들고 {} 중괄호 안에 프로퍼티(property), 값(value) 작성합니다.
작성할 때 주의사항은 -- 앞에다 표기해야 사용할 수 있습니다.

프로퍼티 에서는 아무렇게나 작성해도 상관이 없습니다.
값 에서는 css 속성값을 작성해야합니다.