less

动态样式表语言

本质上包含一套自定义语法及一个解析器

需要在node环境下运行,装好node 后 在cmd下输入npm install -g less在联网情况下可安装

命令行编译 lessc path/xxx.lesspath/xxx.css   demo  lessc test.less test.css 就会把test.less编译成css文件

cmd切换盘符  cd /d D:\   cd跟盘符中间得加/d

less自动编译成 css

https://www.cnblogs.com/beyrl-blog/p/8623507.html   安装完后 保存less会提示版本过高 然后装低版本less npm install less@1.6.2 -g

less语法

/*    */注释

变量 

变量名@:值

 

 混入

可以将一个定义好的样式引入到另一个样式中,类似函数的调用

 

 :10px 是公共值 如果没传值 就直接默认10px,多少px可以自己写

嵌套

可以选择选择器继承 可以减少代码量 同时使用代码结构更加清晰

 

 等于css

 &符号

代表同级

 伪元素前面加&符号就可以添加

 

posted @ 2020-06-10 20:41  Ren小白  阅读(75)  评论(0)    收藏  举报
levels of contents