CSS 변수(Custom Properties)를 var() 함수로 사용할 때, 두 번째 인자의 역할은?
쉬움 MDN Web Docs해설
var(--my-color, blue)처럼 두 번째 인자를 지정하면, --my-color가 정의되지 않았을 때 blue가 대체값으로 사용됩니다. 이를 통해 변수 미설정 시에도 안전하게 스타일이 적용되며, 대체값 자체에도 다른 var()를 사용할 수 있습니다.
var(--my-color, blue)처럼 두 번째 인자를 지정하면, --my-color가 정의되지 않았을 때 blue가 대체값으로 사용됩니다. 이를 통해 변수 미설정 시에도 안전하게 스타일이 적용되며, 대체값 자체에도 다른 var()를 사용할 수 있습니다.