Biến trong LESS
Ngôn ngữ LESS cho phép sử dụng biến. Biến đại diện cho một vùng chứa, nơi bạn có thể lưu trữ một số dữ liệu và sử dụng chúng ở những nơi cần thiết trong mã.
Để tạo một biến, bạn cần nghĩ ra
tên của nó và đặt dấu @ trước đó.
Sau đó, sau tên biến, đặt dấu hai chấm
và chỉ định giá trị của biến đó. Hãy
lấy một biến có tên var làm ví dụ:
@var: 20px;
Bây giờ hãy sử dụng biến này làm giá trị cho thuộc tính:
p {
font-size: @var;
}
Kết quả là sau khi biên dịch sang CSS, thay vì biến của chúng ta, giá trị của nó sẽ được thay thế:
p {
font-size: 20px;
}
Hãy cho biết kết quả biên dịch của mã sau sẽ như thế nào:
@color: #000;
p {
color: @color;
}
