순환 참조 CSS 변수

두 개 이상의 CSS 커스텀 속성이 서로를 참조하여 순환 의존성이 발생합니다.

browser

이 에러의 원인

커스텀 속성 A가 var(--b)를 사용하고 커스텀 속성 B가 var(--a)를 사용하여 무한 루프가 형성됩니다. 브라우저는 순환하는 속성에 초기값(유효하지 않음)을 적용합니다.

속성 중 하나에 구체적인 값을 사용하여 순환 참조를 끊으세요. 변수 의존 구조를 재설계하세요. 연쇄 실패를 방지하기 위해 폴백 값을 사용하세요.

CSS 캐스케이드 레이어가 예상한 순서대로 스타일을 적용하지 않습니다.

참조된 CSS 커스텀 속성(변수)이 정의되어 있지 않습니다.

-webkit- 프리픽스가 붙은 속성은 deprecated 되었으며 표준 버전으로 교체해야 합니다.

더 높은 명시도를 가진 선택자가 재정의하여 CSS 규칙이 적용되지 않습니다.

CSS 속성 이름을 브라우저가 인식하지 못합니다.

CSS 파서가 예상치 못한 문자 또는 토큰을 만났습니다.