Đi đến nội dung
Lỗi CSSLỗi
Circular CSS variable

Biến CSS Tham Chiếu Vòng

Hai hoặc nhiều thuộc tính tùy chỉnh CSS tham chiếu lẫn nhau, tạo ra phụ thuộc vòng.

browser

Nguyên nhân gây ra lỗi này

Thuộc tính tùy chỉnh A dùng var(--b) và thuộc tính tùy chỉnh B dùng var(--a), tạo thành vòng lặp vô hạn. Trình duyệt sẽ dùng giá trị ban đầu (không hợp lệ) cho các thuộc tính bị vòng lặp.

Cách sửa

Phá vỡ tham chiếu vòng bằng cách dùng giá trị cụ thể trong một trong các thuộc tính. Tái cấu trúc các phụ thuộc biến. Sử dụng giá trị dự phòng để tránh lỗi dây chuyền.

Tài liệu chính thức

Mã lỗi liên quan