CSS custom properties

CSS 전역변수 선언 및 사용하기 (CSS custom properties)

CSS에서도 변수를 선언하고 이를 사용할 수 있다. 변수를 선언하여 값을 사용하면, 추후 스타일의 변화가 있을 때 손쉽게 변경할 수 있다. 반복적으로 사용되는 색상이나 값을 저장하여 재사용함으로써, CSS를 더 효율적으로 사용해보자. 일단 CSS에서 변수를 선언하는 방법은 다음과 같다. .test { --primary-color: red; } p { color: var(--primary-color); } 위와 같이 --를 붙인 속성의 이름은 var()을 통해서 다른 곳에서도 사용될 수 있다. 다만, 선언된 사용자 지정 속성은 해당 태그와 그 하위의 요소에서만 유효하다. hello Good testing have a nice day 위의 HTML에서 test라는 클래스 이름을 지니는 div 하위에 존재하는..