四时宝库

程序员的知识宝库

前端CSS的less语法你知道的跟我一样吗?

变量允许我们单独定义一系列通用的样式,然后在需要的时候去调用。所以在做全局样式调整的时候我们可能只需要修改几行代码就可以了

混合

混合可以将一个定义好的class A轻松的引入到另一个class B中,从而简单实现class B继承class A中的所有属性。我们还可以带参数地调用,就像使用函数一样。

嵌套规则

我们可以在一个选择器中嵌套另一个选择器来实现继承,这样很大程度减少了代码量,并且代码看起来更加的清晰。



函数、运算

运算提供了加,减,乘,除操作;我们可以做属性值和颜色的运算,这样就可以实现属性值之间的复杂关系。LESS中的 函数一一映射了JavaScript代码,如果你愿意的话可以操作属性值。

串联

&可以理解为是对父级选择器的引用,在写串联和伪类元素时非常有用

你可以在main文件中通过下面的形势引入 .less 文件, .less后缀可带可不带。

@import "lib.less";

@import "lib";

如果你想导入一个CSS文件而且不想LESS对它进行处理,只 需要使用.css后缀就可以:

本文章视频链接地址:http://blog.sina.com.cn/s/blog_1671244030102wxpm.html

更多精彩内容请关注 ---- 微信公众号:houdunit

看完不要跑记得出来吐吐槽!╰( ̄▽ ̄)╮

发表评论:

控制面板
您好,欢迎到访网站!
  查看权限
网站分类
最新留言
    友情链接