原副标题:丁鹿大学堂:后端css常见预校对器less归纳(一)
less如是说
less是较为称心的css后处理词汇。
less减少了许多称心的新优点。
常见的有表达式,混进,冗余,排序等
他们要特别注意的是,less无论是在伺服器却是在应用程序中,都无法间接被采用,而要要校对成css就可以运转。
less文档是以.less开头的
less 校对的三种形式
1 vscode 应用程序 easy-less ,能协助他们手动去校对less为css
2 导入两个cdn的less校对标识符,能对less展开Vertus,这时要把导入的less加两个type type=”text/less”
3透过npm加装less辅助工具,试玩less辅助工具对less标识符展开校对(在webpack中实用性之后能手动校对),这也是工程项目中最常见的形式。
less冗余
假如box箱子是container的常量,在css中是这种写的
.container .box{ height:100px }在less中能间接冗余写式样 ,& 则表示所处示例的中文名称。 上面的& 相等于.box, 常见于加进许多regardless采用。
.container{ .box{ height:100px &:hover{ color:red } } }less表达式
@colorRed:#dd143c;
.box{ color:@colorRed }less的运算
less中支持采用运算
.box{ height:100px *2 }责任编辑: