Less Development Guide (I)-mavericks trial

[1] Introduction to less

LESS. less) includes a set of custom syntaxes and a parser. Based on these syntaxes, we define our own style rules. These rules will be compiled and generated through the parser.

{:;:}

 

The compiled css file code:

{:;:

In the above less code, we see the epitome of css syntax (selector, attribute writing). LESS does not crop the original CSS features, but is not used to replace CSS, on the basis of the existing CSS syntax, add the features of the Procedural language to CSS. We still introduce the css file address when developing the front-end page, while the less file is the code file you maintain. In this process, we just took one more step-compile

 

[2] compilation Scheme

At present will be less compiled into css plug-ins or software a lot, such as gruntjs, nodejs and so on, and here is the introduction of koala compilation software, http://www.lesscss.net/

 

Open this software and set

 

 

 

Less