Phạm vi biến CSS

Các biến trong CSS cũng giống như các biến đơn giản của bất kỳ ngôn ngữ lập trình nào khác. Các biến này được sử dụng để lưu trữ các giá trị và có phạm vi mà các biến có thể được sử dụng. Một biến được xác định bằng cách sử dụng hai dấu gạch ngang [–] ở đầu và sau đó là tên phân biệt chữ hoa chữ thường. Lợi ích của các biến là nó cho phép sử dụng lại các giá trị giống nhau ở nhiều nơi và cập nhật/sửa đổi từ một nơi. Ngoài ra, các tên biến dễ hiểu và dễ sử dụng hơn so với các giá trị của màu sắc, vì nó tránh được việc sao chép và dán giá trị của các màu nhiều lần

cú pháp

var[ --custom-name, value ];

Hàm var[] có thể được sử dụng để lấy giá trị của các biến trong CSS

Thông số. Biến var[] chấp nhận hai tham số được liệt kê bên dưới

• –tên tùy chỉnh. Đây là thông số bắt buộc chấp nhận tên thuộc tính tùy chỉnh bắt đầu bằng hai dấu gạch ngang
• giá trị. Nó là một tham số tùy chọn. Nó chấp nhận giá trị dự phòng được sử dụng khi thuộc tính tùy chỉnh không hợp lệ

Hoạt động của hàm CSS var[]. Phạm vi của các biến trong CSS có thể là cục bộ hoặc toàn cầu. Chúng ta có thể sử dụng các biến toàn cục trong toàn bộ tài liệu trong khi biến cục bộ chỉ có thể được sử dụng bên trong bộ chọn nơi biến được khai báo, trong phạm vi. Để tạo các biến có phạm vi toàn cục, chúng ta cần khai báo biến bên trong. bộ chọn gốc, nơi nó so sánh với phần tử gốc của tài liệu. Để tạo biến trong phạm vi cục bộ, chúng ta có thể khai báo biến bên trong bộ chọn nơi nó có thể được sử dụng trong phạm vi

Chúng ta sẽ hiểu các khái niệm trên thông qua các ví dụ

ví dụ 1. Ví dụ này minh họa việc sử dụng hàm var[] để khai báo và truy cập biến trên toàn cục, bên trong. bộ chọn gốc

HTML

    ____26>

    9