Less can be run either on the client side or on the server side with node.js.

Comments in less

Comments starting with // will not be compiled into the CSS file

Comments wrapped in /**/ are compiled into the CSS file

Variables in less

Declare a variable using @ : @pink:pink;

1. Use only as a normal property: use @pink directly

2. As a selector and attribute name: #@{selector value}

3. As URL: @{URL}

4. Lazy loading of variables (variables are block-level scopes)

Nesting rules in less

1. Basic nesting rules

2. Use of &

Mixing in less

Blending is a way of introducing a set of attributes from one rule set to another

1. Plain Blending (compiled into CSS)

2. Mixing without output (double parentheses)

3. Mixing with parameters

4. Mix with parameters and default values

5. Mixing with multiple parameters

6. Name parameters

7. Match patterns

8. The arguments variables

Less operation

In less, you can add, subtract, multiply and divide.

Less avoids compilation

Less inheritance

Higher performance than mixing

Higher flexibility than mixing

In the end, less and SCSS are pretty much the same. These applications are the same as SCSS, and I use these tools nested a lot