Chúng ta dễ dàng nhận thấy LESS kha

Chúng ta dễ dàng nhận thấy LESS khai báo biến @color-base: #2d5e8b; là màu dùng chung cho cả 3 lớp (class). Và với kiểu khai báo thế này, thì chỉ mỗi khi bạn sử dụng , chỉ cần gọi lại biến @color-base, đồng thời sau này nếu bạn muốn đổi màu thì chỉ cần thay đổi màu tại biến @color-base. Thật tiện lợi và dễ điều chỉnh phải không các bạn.

3 Mixins

Mixins cho phép gắn toàn bộ thuộc tính của một class trong CSS vào trong class khác bằng một cách khá đơn giản là thêm tên class này như một thuộc tính của class kia. Để hiểu rõ hơn thì chúng ta cùng xem ví dụ sau :
Giả sử chúng ta khai báo một lớp (class) dùng cho hiển thị màu gradient như sau :

Kết quả (Anh) 1:

We easily found the LESS variable declarations @color-base: #2d5e8b; is the color for all 3 classes (class). And with this Declaration, only each time you use, just call back @color variables-base, at the same time later if you want to change the color, then just change the color in the @color variables-base. Really convenient and easy to adjust to not you.3 MixinsMixins allow the full attributes of a class in CSS in a different class with a fairly simple way is to add the name of this class as an attribute of the class. To understand more, we look at the following example:Suppose we declare a class (class) is used to show the gradient color as follows:

Kết quả (Anh) 2:

We easily see LESS declare variables @ color-base: # 2d5e8b; color is common to all three classes (class). And with this type of report, only every time you use, just call the turn @ color-base, and later if you want to change color, just change color in variable @ color-base. It's convenient and easy to adjust to your right. 3 mixins mixins mounting allows the entire attributes of a CSS class in another class in a fairly simple by adding this class name as an attribute of the other class. To better understand, we last see the following example: Suppose we declare a class (class) for displaying color gradient as follows: